/* HMND tokens — v3.0 (dark-first) */
:root {
  color-scheme: dark;

  /* Color — surfaces */
  --color-bg: #0a0a09;
  --color-surface: #111110;
  --color-surface-2: #171716;
  --color-paper: #f2f2ee;
  --color-paper-2: #e6e6e1;

  /* Color — ink */
  --color-text: #f2f2ee;
  --color-text-muted: #9a9a94;
  --color-text-dim: #5f5f5a;
  --color-ink: #0a0a09;
  --color-ink-muted: #5a5a56;

  /* Color — lines */
  --color-border: #24241f;
  --color-border-strong: #3b3b36;
  --color-border-paper: #cfcfc9;

  /* Color — signal (max one instance per viewport) */
  --color-accent: #8dff6a;

  /* Typography */
  --font-display: 'Instrument Sans', system-ui, sans-serif;
  --font-body: 'Instrument Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --fs-hero: clamp(2.5rem, 6.6vw, 6.25rem);
  --fs-h2: clamp(2rem, 4.2vw, 3.75rem);
  --fs-h3: clamp(1.25rem, 1.6vw, 1.5rem);
  --fs-stat: clamp(4rem, 12vw, 11rem);
  --fs-body-lg: 1.1875rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-mono: 0.75rem;
  --fs-micro: 0.6875rem;

  --lh-display: 0.98;
  --lh-tight: 1.15;
  --lh-body: 1.55;
  --track-display: -0.035em;
  --track-mono: 0.08em;
  --measure: 62ch;

  /* Spacing (8px scale) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-15: 120px;
  --space-20: 160px;
  --section-py: clamp(96px, 11vw, 176px);
  --container-max: 1320px;
  --gutter: clamp(20px, 4.5vw, 64px);
  --header-h: 64px;

  /* Shape */
  --radius-none: 0px;
  --radius-pill: 999px;
  --reticle: 10px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 200ms;
  --duration-base: 600ms;
  --duration-slow: 1100ms;
  --stagger: 70ms;
}