/* ============================================================
   デザイントークン（サイト全体の見た目の唯一の定義元）
   - このファイルのマスターは _base/design/tokens.css
   - tools/sync_partials.py 実行で public/assets/css/tokens.css へ複製される
   - C案パレット（オレンジ・黄・明るい緑・水色・紫・ベリー）に対応
   ============================================================ */
:root {
  /* --- カラー（C案パレット） --- */
  --color-orange: #F08419;
  --color-orange-dark: #D66E00;
  --color-orange-soft: #FFF2E0;

  --color-sun: #F6C453;
  --color-sun-ink: #8A6A00;
  --color-sun-soft: #FFF7DF;

  --color-leaf: #7DBF45;
  --color-leaf-dark: #55912A;
  --color-leaf-soft: #EFF8E4;

  --color-sky: #46B8E0;
  --color-sky-dark: #2380A6;
  --color-sky-soft: #E6F6FC;

  --color-violet: #9B6BC3;
  --color-violet-dark: #7B4FA3;
  --color-violet-soft: #F3EBFA;

  --color-berry: #E0446E;
  --color-berry-dark: #C22F57;
  --color-berry-soft: #FCE9EF;

  --color-cream: #FFFBEF;
  --color-ink: #463F35;
  --color-text-weak: #7A7062;
  --color-line: #EFE3D0;

  /* --- タイポグラフィ --- */
  --font-base: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --fs-xxl: clamp(2rem, 5vw, 3.2rem);
  --fs-xl: clamp(1.5rem, 3.5vw, 2.2rem);
  --fs-lg: 1.25rem;
  --fs-md: 1rem;
  --fs-sm: 0.875rem;
  --lh-base: 1.8;

  /* --- 余白・レイアウト --- */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --width-content: 1080px;

  /* --- 装飾 --- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-pill: 999px;
  --shadow-card: 0 4px 16px rgba(240, 132, 25, 0.10);

  /* --- 固定要素の高さ（アンカーずれ防止に使用） --- */
  --header-h: 80px;
  --tabbar-h: 64px;
}