/* Ledger Rocket — color tokens.
   Anchor: brand navy #282560 (from logotype/logomark). Everything else is
   derived in the same indigo hue family; neutrals are indigo-tinted. */
:root {
  /* ---- Base: brand indigo scale ---- */
  --indigo-950: #14122F;
  --indigo-900: #1C1945;
  --indigo-800: #282560; /* brand navy — the logo color */
  --indigo-700: #363181;
  --indigo-600: #45409F;
  --indigo-500: #5B55BD; /* "iris" — interactive accent */
  --indigo-400: #7D78D2;
  --indigo-300: #A3A0E2;
  --indigo-200: #C6C4EE;
  --indigo-100: #E2E1F7;
  --indigo-50:  #F2F1FB;

  /* ---- Base: ink (indigo-tinted neutrals) ---- */
  --ink-900: #1A1832;
  --ink-800: #2C2947;
  --ink-700: #4A4768;
  --ink-600: #5E5B7D;
  --ink-500: #75728F;
  --ink-400: #9B98B0;
  --ink-300: #C6C4D6;
  --ink-200: #DFDEE9;
  --ink-100: #ECEBF2;
  --ink-50:  #F5F5F9;
  --paper:   #FBFBFD;

  /* ---- Base: semantic hues (cool-shifted to sit with the navy) ---- */
  --green-700: #0E7A4E;
  --green-600: #12925E;
  --green-100: #E1F4EA;
  --amber-700: #96660A;
  --amber-600: #B07A11;
  --amber-100: #FBF1DB;
  --red-700:   #C13A52;
  --red-600:   #D14A62;
  --red-100:   #FBEAEE;

  /* ---- Base: warm accents (brand additions) ---- */
  --sun-600: #E0873B;      /* markers/icons on light */
  --sun-500: #F7AA66;      /* Orange Sun ★ · C01 M38 Y67 K00 */
  --sun-100: #FDEEDD;
  --cadillac-700: #C42F24; /* text-safe red */
  --cadillac-600: #EA4335; /* Cadillac Red ★ · C02 M89 Y87 K00 */
  --cadillac-100: #FCE6E3;

  /* ---- Semantic: brand ---- */
  --brand-navy: var(--indigo-800);
  --accent-iris: var(--indigo-500);
  --accent-sun: var(--sun-500);      /* emphasis fill; pair with navy text */
  --accent-cadillac: var(--cadillac-600); /* emphasis marks; not a status color */

  /* ---- Semantic: surfaces ---- */
  --bg-app: var(--paper);
  --surface-card: #FFFFFF;
  --surface-sunken: var(--ink-50);
  --surface-raised: #FFFFFF;
  --surface-navy: var(--indigo-900);
  --surface-navy-deep: var(--indigo-950);
  --overlay-scrim: rgba(20, 18, 48, 0.48);

  /* ---- Semantic: text ---- */
  --text-strong: var(--ink-900);
  --text-body: var(--ink-800);
  --text-secondary: var(--ink-600);
  --text-muted: var(--ink-500);
  --text-placeholder: var(--ink-400);
  --text-link: var(--indigo-600);
  --text-link-hover: var(--indigo-800);
  --text-on-navy: #FFFFFF;
  --text-on-navy-muted: #B6B3D6;

  /* ---- Semantic: borders ---- */
  --border-strong: var(--ink-300);
  --border: var(--ink-200);
  --hairline: var(--ink-100);
  --border-on-navy: rgba(255, 255, 255, 0.16);
  --hairline-on-navy: rgba(255, 255, 255, 0.10);

  /* ---- Semantic: interactive ---- */
  --interactive: var(--indigo-800);
  --interactive-hover: #332F73;
  --interactive-active: #221F52;
  --interactive-on-navy: #FFFFFF;
  --focus-ring: var(--indigo-500);

  /* ---- Semantic: status ---- */
  --success: var(--green-700);
  --success-bg: var(--green-100);
  --warning: var(--amber-700);
  --warning-bg: var(--amber-100);
  --danger: var(--red-700);
  --danger-hover: #AB2F46;
  --danger-bg: var(--red-100);
  --info: var(--indigo-600);
  --info-bg: var(--indigo-50);

  /* ---- Semantic: ledger conventions ---- */
  --credit: var(--green-700);   /* money in */
  --debit: var(--ink-900);      /* money out — neutral, not alarming */
  --negative: var(--red-700);   /* failed / reversed / below zero */
  --pending: var(--amber-700);

  /* ---- Data viz (single-hue ramp + grid) ---- */
  --chart-1: var(--indigo-800);
  --chart-2: var(--indigo-500);
  --chart-3: var(--indigo-300);
  --chart-4: var(--indigo-100);
  --chart-positive: var(--green-600);
  --chart-grid: var(--ink-100);
  --chart-sun: var(--sun-500);        /* single highlighted series */
  --chart-cadillac: var(--cadillac-600); /* single callout/threshold */
}