/* tokens.css - Hirecall. base token names, warm stone neutrals taken from the valley footage; ink is the accent.
   The --color-*, --space-*, --text-* aliases let the rail, stage and pilot CSS be copied unchanged. */
:root {
  /* color */
  --paper: oklch(99% 0.003 85);
  --ink: oklch(21% 0.008 70);
  --grey: #6c6862;
  --ink-soft: #3c3935;
  --mist: #f4f2ee;
  --line: #e9e6e1;
  --line-strong: #cbc7c0;
  --glass-ink: oklch(21% 0.008 70);
  --glass-ink-soft: #4a4640;
  --tint-1: rgba(232, 226, 216, 0.28);
  --tint-2: rgba(244, 238, 230, 0.55);
  --tint-3: rgba(222, 218, 211, 0.2);
  --frost: rgba(255, 255, 255, 0.74);
  --frost-edge: rgba(255, 255, 255, 0.9);
  --chip: rgba(33, 31, 28, 0.06);
  --leaf: oklch(21% 0.008 70);
  --cream: rgba(250, 249, 246, 0.95);
  --scrim: rgba(0, 0, 0, 0.45);
  --shadow: rgba(0, 0, 0, 0.06);
  --error: #9c3b2c;
  --aurora-base: #d7ecc9;
  --aurora-sun: #fff1bd;
  --aurora-sky: #b4d6f2;
  --aurora-grass: #a6dc8e;
  --aurora-bloom: #ffd2ae;
  --aurora-mint: #e3f6dc;
  /* typography */
  --serif: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --aethera-serif: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --aethera-sans: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sans: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-hero: clamp(3rem, 1.6rem + 6vw, 6rem);
  --fs-mega: clamp(3.75rem, 1rem + 11vw, 10rem);
  --fs-mega-sans: clamp(2rem, 1rem + 4vw, 4rem);
  --fs-h2: clamp(2.5rem, 1.6rem + 3.4vw, 4.5rem);
  --fs-h3: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
  --fs-stat: clamp(3rem, 2.4rem + 2vw, 3.75rem);
  --fs-price: 3.5rem;
  --fs-lead: 1.125rem;
  --fs-body: 1rem;
  --fs-ui: 0.875rem;
  --fs-micro: 0.6875rem;
  --lh-tight: 1.0;
  --lh-heading: 1.05;
  --lh-body: 1.6;
  --track-hero: -0.045em;
  --track-tight: -0.035em;
  --track-caps: 0.2em;
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  /* spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --s-10: 80px;
  --s-11: 120px;
  --s-12: 160px;
  /* spacing-fluid */
  --pad-hero: clamp(300px, 46vh, 560px);
  --pad-finale: clamp(300px, 52vh, 560px);
  /* radius */
  --r-pill: 999px;
  --r-card: 40px;
  --r-process: 36px;
  --r-footer: 32px;
  --r-panel: 24px;
  --r-plan: 16px;
  --r-plan-outer: 24px;
  --r-item: 10px;
  /* motion */
  --d-fast: 200ms;
  --d-card: 500ms;
  --d-rise: 800ms;
  --d-blur: 1000ms;
  --d-delay-1: 200ms;
  --d-delay-2: 400ms;
  --e-out: cubic-bezier(0.22, 1, 0.36, 1);
  /* layout */
  --max: 1280px;
  --max-narrow: 1100px;
  --z-nav: 10;
  /* aliases for the rail, stage and pilot sections */
  --color-paper: var(--paper);
  --color-paper-2: var(--mist);
  --color-ink: var(--ink);
  --color-ink-2: #5d5953;
  --color-rule: var(--line);
  --color-rule-strong: var(--line-strong);
  --color-nav: #fff;
  --color-on-ink: var(--paper);
  --color-shadow-strong: rgba(33, 31, 28, 0.2);
  --color-scale: var(--ink);
  --color-scale-bg: #edebe6;
  --color-fix: #8a5a1f;
  --color-fix-bg: #f5ead8;
  --color-stop: #9c3b2c;
  --color-stop-bg: #f5e2dd;
  --color-old: #4f5a64;
  --color-old-bg: #e8ebee;
  --space-1: var(--s-1);
  --space-2: var(--s-2);
  --space-3: var(--s-3);
  --space-4: var(--s-4);
  --space-5: var(--s-5);
  --space-6: var(--s-6);
  --space-7: var(--s-7);
  --space-8: var(--s-8);
  --space-9: var(--s-9);
  --space-10: var(--s-10);
  --space-11: var(--s-11);
  --space-12: var(--s-12);
  --radius-card: 24px;
  --radius-item: 12px;
  --radius-pill: var(--r-pill);
  --text-xs: 0.75rem;
  --text-sm: var(--fs-ui);
  --text-md: var(--fs-body);
  --text-lg: var(--fs-lead);
  --text-h3: 1.375rem;
  --weight-medium: var(--w-medium);
  --weight-semibold: var(--w-semibold);
  --track-heading: -0.025em;
  --dur-fast: var(--d-fast);
  --dur-med: 360ms;
  --ease-out: var(--e-out);
}