/* Empyrean Capital — Direction C "Sovereign" design tokens
   Session 1319 · 2026-07-29 · the website build consumes this file directly.

   Rule of the system: the accent and its lifted variant invert TOGETHER between
   themes. --ec-ink is a text colour, --ec-surface is a fill. Never swap their roles. */

:root {
  /* --- core pair --------------------------------------------------------- */
  --ec-ink:            #0B0B0C;   /* text, rules, borders */
  --ec-surface:        #F7F5F0;   /* page fill */

  /* --- accent ------------------------------------------------------------ */
  --ec-accent:         #6E1F2A;   /* bordeaux — the only accent in the system */
  --ec-accent-hover:   #58171F;

  /* --- supporting -------------------------------------------------------- */
  --ec-muted:          #6B675F;   /* secondary text on light */
  --ec-hairline:       rgba(11, 11, 12, 0.14);
  --ec-surface-raised: #FFFFFF;

  /* --- the one graphic device -------------------------------------------- */
  --ec-rule:           1.4px;

  /* --- type -------------------------------------------------------------- */
  --ec-font-display: Georgia, "Times New Roman", "Liberation Serif", serif;
  --ec-font-ui:      Lato, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --ec-tracking-wordmark: 0.30em;  /* EMPYREAN */
  --ec-tracking-label:    0.22em;  /* eyebrows, nav, buttons */

  --ec-step--1: 0.8125rem;
  --ec-step-0:  1rem;
  --ec-step-1:  1.1875rem;
  --ec-step-2:  1.5rem;
  --ec-step-3:  2rem;
  --ec-step-4:  clamp(2.25rem, 1.6rem + 2.6vw, 3.25rem);

  --ec-leading-tight: 1.16;
  --ec-leading-body:  1.68;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ec-ink:            #F7F5F0;
    --ec-surface:        #0B0B0C;
    /* Bordeaux Lift. Raised from #A84453 on 2026-07-29: that value measured only
       3.4:1 on near-black, so every eyebrow and small accent label failed WCAG AA
       in dark mode. #C25F70 clears 4.5:1 on both dark surfaces with the least
       drift from the bordeaux — holding contrast is this colour's entire job. */
    --ec-accent:         #C25F70;
    --ec-accent-hover:   #D5808F;
    --ec-muted:          #9A958C;
    --ec-hairline:       rgba(247, 245, 240, 0.16);
    --ec-surface-raised: #141415;
  }
}

/* The viewer's theme toggle stamps data-theme on the root; it must win both ways. */
:root[data-theme="light"] {
  --ec-ink: #0B0B0C; --ec-surface: #F7F5F0; --ec-accent: #6E1F2A;
  --ec-accent-hover: #58171F; --ec-muted: #6B675F;
  --ec-hairline: rgba(11, 11, 12, 0.14); --ec-surface-raised: #FFFFFF;
}
:root[data-theme="dark"] {
  --ec-ink: #F7F5F0; --ec-surface: #0B0B0C; --ec-accent: #C25F70;
  --ec-accent-hover: #D5808F; --ec-muted: #9A958C;
  --ec-hairline: rgba(247, 245, 240, 0.16); --ec-surface-raised: #141415;
}