/* ---- UCN color system -------------------------------------------------
   Base values first, semantic aliases second. Navy is the CTA color and is
   used sparingly — one filled navy pill per band. Amber is a product-UI and
   chart accent, never a button fill (it does not clear AA as a text color).
------------------------------------------------------------------------ */
:root{
  /* Brand — navy ramp */
  --navy:#194977;
  --navy-deep:#123659;
  --navy-press:#0d2841;
  --navy-subdued:#dce3ea;
  --brand-dark-900:#091b2d;

  /* Brand — accents (gradient stops + product UI) */
  --amber:#e88b09;
  --teal:#6fbfcf;
  --sherbet:#c98a2e;
  --gradient-navy:#194977;

  /* Ink */
  --ink:#040c13;
  --ink-secondary:#123659;
  --ink-mute:#5c6f7e;
  --ink-mute-2:#5f7684;
  --on-primary:#ffffff;

  /* Surfaces */
  --canvas:#ffffff;
  --canvas-soft:#f7f8f1;
  --canvas-cream:#efe3c9;

  /* Lines */
  --hairline:#aab6b3;
  --hairline-input:#9fc7cf;

  /* ---- Semantic aliases ---- */
  --color-primary:var(--navy);
  --color-primary-hover:var(--navy-deep);
  --color-primary-press:var(--navy-press);
  --color-primary-subdued:var(--navy-subdued);
  --color-accent:var(--amber);

  --text-body:var(--ink);
  --text-secondary:var(--ink-secondary);
  --text-mute:var(--ink-mute);
  --text-nav:var(--ink-mute-2);
  --text-on-dark:var(--on-primary);
  --text-link:var(--navy);

  --surface-page:var(--canvas);
  --surface-band:var(--canvas-soft);
  --surface-warm:var(--canvas-cream);
  --surface-card:var(--canvas);
  --surface-dark:var(--brand-dark-900);
  --surface-dark-raised:#0f2740;
  --surface-dark-hairline:#1d3b57;

  --border-card:var(--hairline);
  --border-input:var(--hairline-input);
  --border-focus:var(--navy);
}