/* ==========================================================================
   MEGURU ON — design tokens
   色・書体・レイアウト幅の唯一の出典。brand-spec.md の Token values 表と対応する。
   全ページで meguru-styles.blade.php が最初に読み込む。
   ここに無い値（角丸・影・ヘッダー高さ）は meguru.css 側で定義する。
   ========================================================================== */
:root {
  --color-paper: oklch(97% 0.012 88);
  --color-paper-soft: oklch(93% 0.022 88);
  --color-route: oklch(91% 0.033 151);
  --color-ink: oklch(27% 0.038 220);
  --color-text: oklch(41% 0.027 215);
  --color-muted: oklch(50% 0.02 210);
  --color-rule: oklch(82% 0.021 150);
  --color-accent: oklch(50% 0.11 75);
  --color-focus: oklch(44% 0.085 155);
  --color-on-ink: oklch(97% 0.01 88);

  --font-display: 'Zen Old Mincho', serif;
  --font-body: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;

  --page-gutter: clamp(1.1rem, 4vw, 3.5rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 140ms;

  /* --meguru-* は既存クラス名との互換のための別名。値は上の --color-* が正 */
  --meguru-paper: var(--color-paper);
  --meguru-mist: var(--color-route);
  --meguru-warm: var(--color-paper-soft);
  --meguru-ink: var(--color-ink);
  --meguru-text: var(--color-text);
  --meguru-muted: var(--color-muted);
  --meguru-line: var(--color-rule);
  --meguru-sage-dark: var(--color-focus);
  --meguru-gold-ink: var(--color-accent);
  --meguru-container: 74rem;
  --meguru-localnav-h: 3.5rem;
}