/* Atlas Health — Color tokens
   Six-color core palette. Never pure black (#000) or pure white (#FFF).
   Sage = optimal/positive. Bronze = monitor/premium/CTA. Meanings never swap. */

:root {
  /* Core palette */
  --ink: #141B22;         /* primary dark background */
  --ink-2: #1E2830;       /* elevated surface on dark */
  --bone: #F2EFE6;        /* primary light background */
  --bone-2: #E8E3D6;      /* elevated surface on light */
  --sage: #6B8577;        /* primary accent — health / optimal */
  --bronze: #B8935F;      /* secondary accent — premium / CTA / monitor */

  /* Derived tints */
  --sage-light: #DCE4DE;  /* icon chips, success backgrounds */
  --sage-dark: #4E6459;   /* sage text on light (AA) */
  --bronze-light: #EFE4D3;/* monitor backgrounds */
  --bronze-dark: #8C6B41; /* bronze text on light (AA) */

  /* Text */
  --text-on-dark: #F2EFE6;
  --text-on-dark-muted: #9CA6AC;
  --text-on-light: #1B242E;
  --text-on-light-muted: #5B6570;

  /* Hairline borders (8–10% of foreground) */
  --border-on-light: rgba(27, 36, 46, 0.08);
  --border-on-light-strong: rgba(27, 36, 46, 0.15);
  --border-on-dark: rgba(242, 239, 230, 0.10);
  --border-on-dark-strong: rgba(242, 239, 230, 0.30);

  /* Semantic aliases (light context = page default) */
  --surface-page: var(--bone);
  --surface-raised: var(--bone-2);
  --surface-card: #FBFAF6;      /* near-white card, never pure #FFF */
  --text-primary: var(--text-on-light);
  --text-muted: var(--text-on-light-muted);
  --accent: var(--sage);
  --accent-cta: var(--bronze);
  --status-optimal: var(--sage);
  --status-monitor: var(--bronze);

  /* Single permitted elevation shadow — modals/popovers only */
  --shadow-overlay: 0 8px 24px rgba(20, 27, 34, 0.12);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(107, 133, 119, 0.45);
}