/* Fulltrace design tokens — pinned by brand board 6a/6b (measured WCAG ratios) */
:root {
  /* Ink */
  --ink-950: #17151F;  /* page bg (dark) */
  --ink-900: #1C1928;  /* surface */
  --ink-800: #2B2738;  /* border */
  --ink-500: #7A7490;  /* muted text — 4.1:1 on ink-950, large labels only */
  --ink-300: #A89FC0;  /* body text on dark */
  /* Ember — brand + CTA ONLY. Never a status colour. */
  --ember-500: #FF6A3D; /* brand accent. 6.3:1 on ink-950. Fills/marks only on paper (2.7:1) */
  --ember-600: #E8511F; /* fills on light surfaces */
  --ember-700: #C6400F; /* text orange on paper — 4.8:1 AA */
  /* Violet — product UI links/selection + graph series only. Never body copy. */
  --violet-400: #8B7CF6; /* 5.4:1 on ink-950 */
  /* Paper */
  --paper-50: #FAF9F6;  /* 17.1:1 on ink-950 */
  --paper-0:  #FFFFFF;
  /* Status — always paired with a text label, never hue alone */
  --success: #3DD6A3; --warn: #FFE34D; --error: #F65A5A;          /* on dark */
  --success-light: #0F9E6E; --warn-light: #8A6A00; --error-light: #C8322F; /* on paper */
  /* Type */
  --font-display: 'Sora', sans-serif;   /* 800 display -0.04em / 600 headings -0.02em / 400 body 1.65 */
  --font-mono: 'Fira Code', monospace;  /* code, data, labels +0.15em, tagline +0.24em uppercase */
  /* CTA: ink-950 label on ember-500 fill (6.3:1). White on ember fails (2.9:1) — logo tile only. */
}