/* ============================================================
   tokens.css — ミモザ 全ページ共通デザイントークン
   統一基準: トップページ系（Noto Serif JP）
   46色 → 19トークンに集約。ここ以外で生の #hex を書かないこと。
   ============================================================ */

:root {
  /* --- ブランド（ミモザ黄） --- */
  --mimosa-yellow: #E8B84B;   /* 主アクセント */
  --mimosa-gold:   #C9962A;   /* リンクhover・フォーカス罫 */
  --mimosa-deep:   #7A5C1E;   /* ボタンhover */
  --mimosa-soft:   #FBF5E6;   /* 淡い面 */
  --mimosa-line:   #E8D89A;   /* 黄の罫線（注記ボックス等） */

  /* --- 緑（葉） --- */
  --green-leaf:    #4A6741;   /* 成功表示・書房タグ */
  --green-soft:    #EBF0E4;   /* 淡い緑の面 */

  /* --- 茶（書房・取次のアクセント） --- */
  --tan:           #8A6F4E;   /* バッジ・タグ・強調文字 */
  --tan-line:      #C8B89A;   /* 茶の罫線・ドット・フッタリンク */
  --tan-muted:     #B8A888;   /* ラベル・パンくず・キャプション */

  /* --- 文字 --- */
  --ink-strong:    #1E1C18;   /* 見出し */
  --ink:           #2C2A24;   /* 本文 */
  --ink-light:     #6B6454;   /* 補助テキスト */
  --muted:         #A09880;   /* ラベル・フッタ */

  /* --- 面・罫 --- */
  --cream:         #FAFAF5;   /* ページ背景 */
  --white:         #FFFFFF;   /* カード背景 */
  --border:        #DDD8C8;   /* 標準の罫線 */
  --border-soft:   #E8E0D4;   /* 薄い区切り */

  /* --- 状態 --- */
  --required:      #C87060;   /* 必須マーク・エラー */

  /* --- 書体 --- */
  --font-serif: 'Noto Serif JP', serif;
  --font-sans:  'Noto Sans JP', sans-serif;

  /* --- 余白（ページ左右） --- */
  --gutter:    3rem;
  --gutter-sm: 1.5rem;
}