/* ProAdvice colour system.
   Base ramps first, then semantic aliases. Every pairing used for text in the
   product is listed with its measured WCAG contrast ratio in guidelines/color-contrast.md. */
:root{
  /* ---- Brand blue ---- */
  --pa-blue-50:#EEF2FB;   /* Tint (shipped) */
  --pa-blue-100:#DDE5F5;
  --pa-blue-200:#BCC9E6;
  --pa-blue-300:#94A7D2;
  --pa-blue-400:#7B9FD3;  /* Light Blue (shipped, v1 guideline) */
  --pa-blue-500:#445A95;  /* Primary blue (shipped) */
  --pa-blue-600:#37487A;  /* Primary dark (shipped) */
  --pa-blue-700:#2C3A62;
  --pa-blue-800:#212C4A;
  --pa-blue-900:#171F33;

  /* ---- Neutrals (cool, tuned to the deep navy) ---- */
  --pa-neutral-0:#FFFFFF;
  --pa-neutral-25:#F5F7FA;  /* Light surface (shipped) */
  --pa-neutral-50:#F0F3F8;
  --pa-neutral-100:#E6EAF2;
  --pa-neutral-200:#D5DBE6;
  --pa-neutral-300:#BAC2D1;
  --pa-neutral-400:#98A3B6;
  --pa-neutral-500:#6B7280;  /* Steel Gray (shipped) */
  --pa-neutral-600:#4B5567;
  --pa-neutral-700:#343C4C;
  --pa-neutral-800:#1F2634;
  --pa-neutral-900:#0F172A;  /* Deep navy (shipped) */
  --pa-neutral-950:#070B14;

  /* ---- Amber accent (highlight only, never body text on light) ---- */
  --pa-amber-50:#FEF6E7;
  --pa-amber-100:#FDECC8;
  --pa-amber-400:#FBBF24;
  --pa-amber-500:#F59E0B;  /* Amber accent (shipped) */
  --pa-amber-600:#B45309;  /* text-safe amber */
  --pa-amber-700:#78350F;

  /* ---- Semantic hues ---- */
  --pa-success-50:#E7F5EF;
  --pa-success-400:#34D399;
  --pa-success-500:#047857;
  --pa-success-600:#0A6E47;
  --pa-success-700:#064E36;
  --pa-error-50:#FEF2F1;
  --pa-error-400:#F87171;
  --pa-error-500:#D92D20;
  --pa-error-600:#B42318;
  --pa-error-700:#7F1D14;
  --pa-warning-50:#FEF6E7;
  --pa-warning-500:#F59E0B;
  --pa-warning-600:#B45309;
  --pa-info-50:#E8F4FC;
  --pa-info-400:#38BDF8;
  --pa-info-500:#0369A1;
  --pa-info-600:#075985;

  /* ================= Semantic aliases — LIGHT (default) ================= */
  --surface-page:#F5F7FA;
  --surface-card:#FFFFFF;
  --surface-raised:#FFFFFF;
  --surface-sunken:#EEF2FB;
  --surface-tint:#EEF2FB;
  --surface-inverse:#0F172A;
  --surface-disabled:#F0F3F8;

  --text-primary:#0F172A;     /* 17.85:1 on white */
  --text-secondary:#4B5567;   /*  7.51:1 on white */
  --text-muted:#6B7280;       /*  4.83:1 on white */
  --text-disabled:#98A3B6;    /*  decorative / disabled only */
  --text-on-brand:#FFFFFF;    /*  6.68:1 on --brand-primary */
  --text-inverse:#FFFFFF;
  --text-link:#37487A;        /*  8.86:1 on white */
  --text-link-hover:#2C3A62;

  --brand-primary:#445A95;
  --brand-primary-hover:#37487A;
  --brand-primary-active:#2C3A62;
  --brand-primary-subtle:#EEF2FB;
  --brand-accent:#F59E0B;

  --border-subtle:#E6EAF2;
  --border-default:#D5DBE6;
  --border-strong:#BAC2D1;
  --border-brand:#445A95;
  --border-focus:#445A95;
  --focus-ring:0 0 0 3px rgba(68,90,149,.30); /* @kind shadow */

  --status-success-fg:#0A6E47;
  --status-success-bg:#E7F5EF;
  --status-success-solid:#047857;
  --status-warning-fg:#B45309;
  --status-warning-bg:#FEF6E7;
  --status-warning-solid:#F59E0B;
  --status-warning-on-solid:#0F172A;
  --status-error-fg:#B42318;
  --status-error-bg:#FEF2F1;
  --status-error-solid:#B42318;
  --status-info-fg:#0369A1;
  --status-info-bg:#E8F4FC;
  --status-info-solid:#0369A1;

  --verified-fg:#0A6E47;
  --verified-bg:#E7F5EF;
  --wallet-fg:#37487A;
  --wallet-bg:#EEF2FB;
}

/* ================= Semantic aliases — DARK ================= */
:root[data-theme="dark"]{
  --surface-page:#0B1220;
  --surface-card:#131C2E;
  --surface-raised:#1B2540;
  --surface-sunken:#080D18;
  --surface-tint:#1B2540;
  --surface-inverse:#F5F7FA;
  --surface-disabled:#182236;

  --text-primary:#E8ECF4;     /* 14.38:1 on --surface-card */
  --text-secondary:#AEB9CE;   /*  8.62:1 */
  --text-muted:#8A96AD;       /*  5.71:1 */
  --text-disabled:#5C6880;
  --text-on-brand:#FFFFFF;    /*  4.56:1 on --brand-primary (dark) */
  --text-inverse:#0F172A;
  --text-link:#A8BCE8;        /*  8.94:1 on --surface-card */
  --text-link-hover:#C6D4F1;

  --brand-primary:#5B74B4;
  --brand-primary-hover:#6E86C5;
  --brand-primary-active:#8FA6DC;
  --brand-primary-subtle:#1B2540;
  --brand-accent:#FBBF24;

  --border-subtle:#1E2839;
  --border-default:#2A3548;
  --border-strong:#3A4761;
  --border-brand:#5B74B4;
  --border-focus:#8FA6DC;
  --focus-ring:0 0 0 3px rgba(143,166,220,.38); /* @kind shadow */

  --status-success-fg:#34D399;
  --status-success-bg:#0C2A20;
  --status-success-solid:#047857;
  --status-warning-fg:#FBBF24;
  --status-warning-bg:#2C2210;
  --status-warning-solid:#F59E0B;
  --status-warning-on-solid:#0B1220;
  --status-error-fg:#F87171;
  --status-error-bg:#2E1614;
  --status-error-solid:#D92D20;
  --status-info-fg:#38BDF8;
  --status-info-bg:#0C2434;
  --status-info-solid:#0369A1;

  --verified-fg:#34D399;
  --verified-bg:#0C2A20;
  --wallet-fg:#A8BCE8;
  --wallet-bg:#1B2540;
}