/* Hallmark tokens — webforward.jp
 * genre: editorial · macrostructure: Split Studio · theme: Atelier (inherited palette)
 * paper: oklch(97% 0.008 85) · accent: oklch(61% 0.182 40) · display: Fraunces + Noto Sans JP
 * axes: light / high-contrast-serif / warm
 */
:root {
  /* Colour */
  --color-primary:     oklch(37% 0.121 248);
  --color-primary-dk:  oklch(29% 0.108 248);
  --color-accent:      oklch(61% 0.182 40);
  --color-accent-lt:   oklch(97% 0.020 50);
  --color-paper:       oklch(97% 0.008 85);
  --color-paper-2:     oklch(94% 0.010 85);
  --color-rule:        oklch(88% 0.010 248);
  --color-neutral:     oklch(56% 0.008 248);
  --color-muted:       oklch(44% 0.012 248);
  --color-ink:         oklch(14% 0.003 248);
  --color-white:       oklch(99% 0 0);
  --color-bg:          oklch(97% 0.008 85);
  --color-bg-dark:     oklch(18% 0.070 248);
  --color-text:        oklch(14% 0.003 248);
  --color-text-sub:    oklch(44% 0.012 248);
  --color-border:      oklch(91% 0.008 248);
  --color-focus:       oklch(55% 0.19 248);
  --color-star:        oklch(76% 0.155 67);

  /* Typography */
  --font-display:   'Fraunces', Georgia, serif;
  --font-sans:      'Noto Sans JP', sans-serif;
  --font-en:        'Inter', sans-serif;
  --text-sm:        0.8rem;
  --text-base:      1rem;
  --text-md:        1.25rem;
  --text-lg:        1.5625rem;
  --text-xl:        1.9531rem;
  --text-2xl:       2.4414rem;
  --text-3xl:       3.0518rem;
  --text-display-s: clamp(2rem, 4vw + 0.5rem, 3.5rem);
  --text-display:   clamp(2.75rem, 5vw + 1rem, 5.25rem);

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Easing */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short:   150ms;
  --dur-base:    250ms;
  --dur-long:    400ms;
}