/* Hookd — colour tokens v2.0 "Night Run". Ratio 75% ink · 20% bone · 5% ember. No purple. No gradient fills. */
:root {
  /* Ink — warm dark neutrals */
  --ink-1000: #070606;  /* letterbox bars, deepest hero black */
  --ink-950: #0C0B0A;   /* page background */
  --ink-900: #141311;   /* raised surface */
  --ink-850: #1B1A17;   /* cards on dark */
  --ink-800: #24221F;   /* input fill, borders on dark */
  --ink-700: #34312C;   /* hairlines on dark */

  /* Bone — warm off-white; the Hookd. wordmark colour */
  --bone-50:  #FAF8F3;
  --bone-100: #F3EFE7;
  --bone-200: #E8E2D6;
  --bone-300: #D6CFC1;

  /* Stone — muted text */
  --stone-400: #A39E94; /* muted on dark (7.4:1 on ink-950) */
  --stone-600: #6E6A62; /* muted on light (4.7:1 on bone-100) */

  /* Ember — the tail light. Max ~5% of a screen */
  --ember-400: #EC6A3C; /* hover on dark */
  --ember-500: #E2552B; /* THE accent */
  --ember-700: #B8431F; /* accent text on light (4.7:1 on bone-100) */
  --ember-glow: rgba(226, 85, 43, 0.35); /* streak tails + live-dot halo only */

  /* Sodium — footage grade reference. Never a UI colour */
  --sodium-400: #C9A25E;

  /* Data signals — dashboard deltas only */
  --signal-up:   #7FB88F;
  --signal-down: #D9776A;

  /* Semantic (dark is default) */
  --bg: var(--ink-950);
  --surface: var(--ink-900);
  --surface-2: var(--ink-850);
  --line: var(--ink-700);
  --text: var(--bone-100);
  --text-muted: var(--stone-400);
  --accent: var(--ember-500);
  --accent-hover: var(--ember-400);
  --accent-text: var(--ember-500);
  --on-accent: var(--ink-950);
  --letterbox: var(--ink-1000);
  --overlay-nav: rgba(20, 19, 17, 0.72);
  --line-on-footage: rgba(243, 239, 231, 0.12);
  color-scheme: dark;
}

/* Light sections (manifesto inverse, forms) — max 25% of a page */
.theme-light {
  --bg: var(--bone-100);
  --surface: var(--bone-50);
  --surface-2: var(--bone-200);
  --line: var(--bone-300);
  --text: var(--ink-950);
  --text-muted: var(--stone-600);
  --accent: var(--ember-500);
  --accent-text: var(--ember-700);
  --on-accent: var(--ink-950);
  color-scheme: light;
}