/* ==========================================================================
   tokens.css  —  Morning Glow（雪 × 琵琶湖ブルー × 朝焼け）
   コンセプト：琵琶湖の朝焼け。雪の地に Lake と Glow が浮かぶ。親しみ・健康的。
   ベース配色: Snow #F5F6FA / Lake #1C4068 / Glow #D99A3A / Warm #F5E6DA
   ========================================================================== */

:root {
  /* --- Color: Core ------------------------------------------------------ */
  --c-ink:        #0a1d33;   /* Lake より深い。地・濃いテキスト */
  --c-ink-2:      #0e2944;   /* Lake より一段深い */
  --c-ink-3:      #1c4068;   /* Lake（琵琶湖ブルー） */
  --c-snow:       #f5f6fa;   /* Snow。淡い背景 */
  --c-snow-2:     #e2eaf2;   /* Lake より淡い（Snow と Lake の中間） */
  --c-paper:      #ffffff;   /* 純白寄り */
  --c-ice:        #c5d4e2;   /* 薄氷（淡 Lake） */
  --c-ice-deep:   #7396b8;   /* 深い水（中間明） */

  /* --- Color: Accent --------------------------------------------------- */
  --c-accent:     #d99a3a;   /* Glow（朝焼け）。差し色・CTA */
  --c-accent-2:   #b88128;   /* Glow より濃い */
  --c-warm:       #f5e6da;   /* Warm（暖色淡）。ファミリー安心系 */
  --c-warm-bg:    #faf3e9;   /* 温かい背景（さらに淡い） */
  --c-warm-bg-2:  #f0e4d2;   /* 温かい背景の少し濃い側 */

  /* --- Color: UI ------------------------------------------------------- */
  --c-text:       #1a1a2e;
  --c-muted:      #5a5a6e;
  --c-line:       rgba(28, 64, 104, 0.12);
  --c-line-on-dark: rgba(245, 246, 250, 0.16);

  /* --- Typography ------------------------------------------------------ */
  --f-mincho:   "Shippori Mincho B1", "Yu Mincho", "游明朝", serif;
  --f-garamond: "Cormorant Garamond", "Times New Roman", serif;
  --f-sans:     "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --f-num:      "Inter", "Helvetica Neue", "Arial", sans-serif;

  /* --- Spacing / Sizing ----------------------------------------------- */
  --s-section-y:        7rem;     /* セクション上下デフォルト */
  --s-section-y-tight:  4rem;
  --s-container:        1280px;   /* 標準コンテナ */
  --s-container-wide:   1760px;   /* カードグリッド系の広いコンテナ */
  --s-container-narrow: 880px;    /* 読み物系 */
  --s-container-text:   720px;    /* テキストオンリー */

  --r-card:   2px;     /* シャープ。あえて大きな角丸を避ける */
  --r-pill:   999px;

  /* --- Header ---------------------------------------------------------- */
  --h-header: 80px;
}

@media (max-width: 1023px) {
  :root {
    --s-section-y:       5rem;
    --s-section-y-tight: 3rem;
    --h-header: 64px;
  }
}

@media (max-width: 767px) {
  :root {
    --s-section-y:       4rem;
    --s-section-y-tight: 2.5rem;
  }
}