/* tokens.css · Beamloop · Landed's theme, unchanged. Every visual value in styles.css references these.
   The alias block at the end maps the token names used by the borrowed sections (Brevlan / Docsready,
   Hirecall, Whosigned) onto Landed values, so their CSS is copied as it is. */
:root {
  /* colour — neutral paper, near-black ink (template #171717), night from the hero video,
     two status hues taken from its light: delivered (teal-green) and returned (signal red) */
  --color-paper: oklch(98.2% 0.002 90);
  --color-paper-2: oklch(95.8% 0.003 90);
  --color-card: oklch(100% 0 0);
  --color-ink: oklch(20.5% 0 0);
  --color-ink-2: oklch(46% 0.004 90);
  --color-rule: oklch(90.5% 0.003 90);
  --color-rule-strong: oklch(78% 0.004 90);
  --color-btn: #f8f8f8;
  --color-btn-hover: #ffffff;
  --color-btn-ink: #171717;
  --color-on-dark: oklch(100% 0 0);
  --color-on-dark-2: oklch(100% 0 0 / 0.75);
  --color-on-dark-3: oklch(100% 0 0 / 0.55);
  --color-glass: oklch(100% 0 0 / 0.10);
  --color-glass-line: oklch(100% 0 0 / 0.16);
  --color-glass-strong: oklch(100% 0 0 / 0.90);
  --color-night: oklch(15.5% 0.012 255);
  --color-night-2: oklch(21% 0.012 255);
  --color-night-line: oklch(30% 0.012 255);
  --color-night-word: oklch(23% 0.014 255);
  --color-ok: oklch(52% 0.11 170);
  --color-ok-bg: oklch(95.5% 0.03 170);
  --color-rto: oklch(56% 0.19 30);
  --color-rto-bg: oklch(95.5% 0.03 30);
  --color-transit: oklch(80% 0.01 255);
  --color-warn: oklch(55% 0.12 70);
  --color-error: oklch(50% 0.18 28);
  --color-accent: oklch(52% 0.11 170);
  --color-shadow: oklch(20% 0.01 255 / 0.10);
  --color-shadow-strong: oklch(15% 0.012 255 / 0.40);
  --color-scrim: oklch(15% 0.012 255 / 0.55);

  /* type — Barlow for everything; hero contrast comes from weight (light / medium) */
  --font: 'Barlow', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-hero: clamp(2.25rem, 1.15rem + 4.4vw, 4rem);
  --text-h2: clamp(2rem, 1.5rem + 1.9vw, 3rem);
  --text-stat: clamp(3.5rem, 2.4rem + 4.6vw, 6.5rem);
  --text-h3: 1.375rem;
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --track-display: -0.035em;
  --track-heading: -0.025em;
  --track-label: 0.08em;

  /* space — 4pt scale */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-7: 32px; --space-8: 40px; --space-9: 56px; --space-10: 72px;
  --space-11: 96px; --space-12: 128px;

  /* shape — soft and rounded: pills for actions, nested radii for surfaces */
  --radius-btn: 999px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-card: 22px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --corner: 7px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-med: 360ms;
  --dur-rise: 800ms;

  /* layout */
  --max: 1200px;
  --measure: 36rem;
  --z-nav: 20;
}

/* ---------- aliases for the borrowed sections (all point at Landed values above) ---------- */
:root {
  /* Brevlan / Docsready: report stage, rail, facts, steps, glass stat cards */
  --color-nav: var(--color-card);
  --color-on-ink: var(--color-on-dark);
  --color-stop: var(--color-rto);
  --color-stop-bg: var(--color-rto-bg);
  --color-scale: var(--color-ok);
  --color-scale-bg: var(--color-ok-bg);
  --color-fix: var(--color-warn);
  --color-fix-bg: oklch(95.5% 0.035 75);
  --color-old: var(--color-ink-2);
  --color-old-bg: var(--color-paper-2);
  --color-glass-ink: var(--color-ink);
  --color-glass-ink-soft: oklch(34% 0.006 255);
  --radius-item: var(--radius-sm);

  /* Hirecall: comparison table, pilot */
  --s-3: var(--space-3); --s-4: var(--space-4); --s-5: var(--space-5); --s-6: var(--space-6);
  --s-7: var(--space-7); --s-8: var(--space-8); --s-9: var(--space-9); --s-10: var(--space-10); --s-11: var(--space-11);
  --fs-ui: var(--text-sm);
  --fs-body: var(--text-md);
  --fs-micro: var(--text-xs);
  --w-regular: var(--weight-regular);
  --w-medium: var(--weight-semibold);
  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-2);
  --grey: var(--color-ink-2);
  --paper: var(--color-card);
  --line: var(--color-rule);
  --line-strong: var(--color-rule-strong);
  --mist: var(--color-paper-2);
  --leaf: var(--color-ok);
  --r-panel: var(--radius-lg);
  --r-item: var(--radius-sm);
  --r-pill: var(--radius-pill);

  /* Whosigned: statement */
  --s2: var(--space-2); --s3: var(--space-3); --s6: var(--space-6); --s8: var(--space-8);
  --s9: var(--space-9); --s10: var(--space-10); --s11: var(--space-11);
  --muted: var(--color-ink-2);
  --text: var(--color-ink);
  --stroke-2: var(--color-rule-strong);
  --blue: var(--color-accent);
  --fast: var(--dur-fast);
  --ease: var(--ease-out);
  --track-caps: var(--track-label);
}