/* _tokens.css — canonical Father's House design tokens.
   Loaded once per page BEFORE the page-specific <style> block, so any
   page can override a token in its inline <style> via the cascade.

   The values here are the homepage canon — see DESIGN.md for the
   semantic story behind each variable. When the official CI lands and
   tokens shift, this is the only file that needs to change (plus
   _grain.svg, which embeds the warm hex literally because <img> SVGs
   can't reference CSS variables). */
:root {
  /* Brand */
  --brand-ink: oklch(32.5% 0.05 236);
  --brand-ink-soft: oklch(40% 0.045 236);
  --brand-warm: oklch(66% 0.13 42);
  --brand-warm-dark: oklch(58% 0.13 42);
  --brand-sun: oklch(79% 0.125 80);

  /* Surfaces */
  --surface-paper: oklch(97.5% 0.008 70);
  --surface-warm: oklch(94% 0.016 72);
  --surface-ink: oklch(17% 0.015 236);
  --surface-card: oklch(99% 0.005 70);

  /* Foreground */
  --fg-default: oklch(18% 0.02 236);
  --fg-muted: oklch(45% 0.015 236);
  --fg-on-ink: oklch(97.5% 0.008 70);
  --fg-on-warm: oklch(18% 0.02 236);

  /* Lines */
  --line-subtle: oklch(32.5% 0.05 236 / 0.08);
  --line-default: oklch(32.5% 0.05 236 / 0.16);
  --line-strong: oklch(32.5% 0.05 236 / 0.4);

  /* Geometry */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --container: 1440px;
  --container-wide: 1600px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}