/* ============================================================
   COLORS
   A cool, institutional palette: trading-floor navy as the
   brand anchor, warm gold as the single accent, "spreadsheet
   green" reserved for updated/approved/success states, set on
   cool paper neutrals. Dark sections use deep ink-navy.
   ============================================================ */

:root {
  /* ---- Brand · navy ---- */
  --navy: #1E4E78;          /* primary brand blue */
  --navy-700: #163b5c;      /* hover / pressed */
  --navy-800: #102e47;      /* deep panels */
  --ink-navy: #0C2032;      /* dark section background */
  --ink-navy-2: #0a1a29;    /* footer / deepest */

  /* ---- Neutrals · cool paper ---- */
  --paper: #ffffff;         /* base surface */
  --paper-2: #f5f8fb;       /* tinted surface, alt sections */
  --paper-3: #eaeff4;       /* sunken / chips */
  --line: #e2e8ef;          /* hairline borders */
  --line-2: #d3dce4;        /* stronger borders */

  /* ---- Text ---- */
  --ink: #15222e;           /* primary text */
  --slate: #475563;         /* secondary text / body */
  --muted: #74828f;         /* tertiary / captions */
  --on-dark: #eaf1f8;       /* text on dark */
  --on-dark-mut: #9fb3c6;   /* muted text on dark */

  /* ---- Accent · warm gold ---- */
  --gold: #bf8b3a;          /* the one accent */
  --gold-soft: #e7d3ab;     /* gold borders / on-dark accent text */
  --gold-tint: #f6efe1;     /* gold surface wash */
  --gold-ink: #5e440f;      /* text on gold tint */

  /* ---- Semantic · spreadsheet green ---- */
  --sheet-green: #2f8a63;     /* updated / approved / success */
  --sheet-green-bg: #e4f3ec;  /* success surface wash */

  /* window-dot semaphore (used on faux app chrome) */
  --dot-red: #e5564b;
  --dot-amber: #e9b03e;
  --dot-green: #4caf6e;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     ============================================================ */

  /* surfaces */
  --surface: var(--paper);
  --surface-alt: var(--paper-2);
  --surface-sunken: var(--paper-3);
  --surface-card: var(--paper);
  --surface-dark: var(--ink-navy);

  /* text */
  --text-strong: var(--ink);
  --text-body: var(--slate);
  --text-muted: var(--muted);
  --text-on-dark: var(--on-dark);
  --text-on-dark-muted: var(--on-dark-mut);

  /* lines */
  --border: var(--line);
  --border-strong: var(--line-2);

  /* interactive */
  --brand: var(--navy);
  --brand-hover: var(--navy-700);
  --accent: var(--gold);
  --success: var(--sheet-green);
  --on-brand: #ffffff;

  /* focus ring (gold, as on the production forms) */
  --focus-ring: 0 0 0 3px rgba(191, 139, 58, .25);
}