/* pre-vc.eu — colour tokens
   Strict monochrome. No hue anywhere in the system — hierarchy comes from
   weight, tone and contrast only. Two theme scopes: light (default / paper)
   and dark (ink, used for "conviction" moments — hero, cooperation, CTA). */

:root {
  /* base neutrals */
  --paper: #ffffff;
  --paper-2: #f3f3f4;
  --ink: #0b0b0c;
  --ink-2: #161719;

  --g-900: #111214;
  --g-700: #3a3b3e;
  --g-500: #6e7075;
  --g-400: #9a9ca1;
  --g-300: #c6c7cb;
  --g-200: #e4e5e8;
  --g-100: #f1f1f3;

  --line: #e4e5e8;
  --line-strong: #cccdd1;

  /* stage ramp — used only for the 3-stage device (pre-seed / seed / pre-series-A) */
  --stage-1: #111214;
  --stage-2: #9a9ca1;
  --stage-3: #4a4b4f;

  /* semantic aliases — light theme (default) */
  --bg: var(--paper);
  --bg-surface: var(--paper);
  --bg-surface-2: var(--paper-2);
  --fg: var(--g-900);
  --fg-soft: var(--g-700);
  --fg-faint: var(--g-500);
  --fg-on-dark: #f4f4f5;
  --border: var(--line);
  --border-strong: var(--line-strong);
}

/* Dark scope — apply class="theme-dark" (or .band--dark) to any container */
.theme-dark {
  --bg: var(--ink);
  --bg-surface: var(--ink);
  --bg-surface-2: var(--ink-2);
  --fg: #f4f4f5;
  --fg-soft: #b9babd;
  --fg-faint: var(--g-500);
  --border: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.28);
}