/* tokens.css · Intentnox · neutral graphite and warm white, taken from the greyscale hero footage. Every value in styles.css references these. */
:root, [data-theme="dark"] {
  /* colour (template) */
  --bg: #0a0a0a;
  --surface: #141414;
  --text: #f3f1ec;
  --muted: #888888;
  --accent: #f3f1ec;
  --stroke: #1f1f1f;
  /* derived */
  --stroke-2: #2a2a2a;
  --text-2: oklch(96% 0 0 / 0.72);
  --grad: linear-gradient(90deg, #f3f1ec 0%, #a39f97 100%);
  --grad-rev: linear-gradient(90deg, #a39f97 0%, #f3f1ec 100%);
  --blue: #d8d4cc;
  --blue-2: #a39f97;
  --blue-bg: rgba(216, 212, 204, 0.1);
  --glow: 0 0 8px rgba(243, 241, 236, 0.2);
  --ok: #d9c7a3;
  --ok-bg: rgba(217, 199, 163, 0.14);
  --warn: #c9a27a;
  --warn-bg: rgba(201, 162, 122, 0.14);
  --error: #e0968c;
  --scrim: rgba(0, 0, 0, 0.7);
  --shadow: rgba(0, 0, 0, 0.6);
  --error-bg: rgba(224, 150, 140, 0.14);
  --surface-2: #1b1b1b;
  --stroke-3: #3a3a3a;
  --stroke-on-light: rgba(11, 11, 11, 0.12);
  --ink-on-light-2: #5c5953;
  --track-label: 0.12em;

  /* type: Onest throughout */
  --font: 'Onest', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-hero: clamp(2.125rem, 1.4rem + 3.6vw, 4.25rem);
  --text-h2: clamp(1.875rem, 1.4rem + 1.9vw, 2.875rem);
  --text-quote: clamp(1.375rem, 1.05rem + 1.3vw, 2rem);
  --text-h3: 1.125rem;
  --text-lg: 1.0625rem;
  --text-md: 0.9375rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --track-display: -0.045em;
  --track-heading: -0.03em;
  --track-caps: 0.3em;

  /* space — 4pt scale */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 32px;
  --s8: 40px; --s9: 56px; --s10: 72px; --s11: 96px; --s12: 128px;

  /* shape */
  --r-sm: 10px;
  --r-md: 14px;
  --r-card: 20px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);
  --fast: 180ms;
  --med: 360ms;

  --max: 1200px;
  --z-nav: 50;
  --z-loader: 9999;
}