:root {
    --bg: #F3F4EE;
    --surface: #FFFFFF;
    /* 2026-10-11（#33-49追補3、ユーザー指示）: 今日タブの新しい色味（下の今日タブの差し替えと同じ値）を全タブの正にした。
       旧値は --surface-sunk: #ECEEE5 / --pine-soft: #DCE8E1（黄み・緑み）。シートのボタン・入力欄・進捗管理のボタン等が全タブでこの色になる */
    --surface-sunk: #EEF6F6;
    --ink: #262B28;
    --ink-muted: #4E554E;
    --ink-faint: #9CA299;
    --line: #E1E3DA;

    --pine: #3F6E5D;
    --pine-soft: #DDF1EF;
    --pine-deep: #294A3E;
    /* 「良好・安全・効果あり」等の意味を持つ緑。--pine系（アクセント色）とは役割が違うので、
       同じ値でも別のトークンとして分けておく。 */
    --ok: #3F6E5D;

    --amber: #C98A3B;
    --amber-soft: #F5E6CF;

    /* 赤（--brick）の使い方ルール（バックログ#33-9、2026-09-30確定）:
       - 面で塗る赤は、体調サイン「悪化」のチップと、取り返しのつかない削除の確定ボタンだけに限定する。
       - 線・文字・小さな印の赤（期限切れバッジ・締切◆・キャパの弧やラベル・負荷計ピルの文字色・
         期限切れの日付テキスト等）はこれまでどおり使ってよい。
       - 行・カード・バー全体の背景を赤で塗るのはやめる（赤の使いすぎで警告の意味が薄れ、
         「責められている感」が出るという指摘への対応）。 */
    --brick: #B4483A;
    --brick-soft: #F3DEDA;

    --am: #D98F4E;
    --am-soft: #FBEBD8;
    --pm: #5B6B8C;
    --pm-soft: #E6E9F0;

    /* 省エネモードON時の今日タブの背景（2026-10-04、バックログ#33-33で薄いミントに変更）。
       以前は省エネ専用の紫系トークンを持ち、今日タブのアクセント色ごと紫に差し替えていたが、
       紫が画面全体の統一感を損なうため、アプリの色は緑ベースに統一した。
       省エネ中かどうかは背景のミントと、バナーの文言（「🌱 省エネモード中・…」）で伝える。 */
    --bg-energy-mode: #E1ECE4;

    /* 履歴タブのスコア推移グラフ専用の配色。
       アプリ全体では緑=安全・オレンジ=注意・赤(--brick)=危険という意味を
       持たせているため、身体/精神のグラフ線にはそれらと混同しない
       独立した色（身体=ダスティローズ、精神=スレートブルー）を使う。 */
    --score-physical: #C1616F;
    --score-mental: #4F6FA0;
    /* 睡眠時間推移グラフ用（2026-09-06追加）。--score-mentalと同じ青系の色相で、
       夜間睡眠は濃く・仮眠は薄く、全体のトーンに馴染むよう調整している。 */
    --sleep-night: #2E4670;
    --sleep-nap: #A8BBDD;

    --radius-lg: 8px;
    --radius-md: 6px;
    --radius-sm: 4px;
    --shadow-card: 0 1px 2px rgba(38,43,40,0.04), 0 4px 16px rgba(38,43,40,0.06);

    /* Todoカード・カレンダーのセル等、「カード・セルの面」の背景色（2026-10-11、ユーザー指示で全タブ統一）。
       正は今日タブの予定カード内のTodo行（PC: 下の値、スマホ縦画面: 下のメディアクエリの値）。
       予定タブ（カレンダーのセル・Todo行・実施日未定の行）とふりかえりタブの小さな面もこれを使う。
       完了・期限切れ・選択中・今日の強調などの状態色はこのトークンを使わない。 */
    --todo-card-bg: rgba(235, 247, 246, 0.91);

    /* てりーさんの提案のオーロラ（バックログ#33-52、2026-10-11）。値は33-33で確定した.nagi-suggest-auroraのもの。
       部品はshared.cssの.nagi-suggest-aurora（固定）／.is-flowing（応答待ちの間だけ動く）／.nagi-suggest-aurora-pill（ピル用）。
       --aurora-border-flowは同じ4色を折り返して並べ、background-size:300%で流しても継ぎ目が出ないようにしたもの。 */
    --aurora-border: linear-gradient(135deg, #6FCF97, #BFF2DE, #7FD1C2, #3F6E5D);
    --aurora-border-flow: linear-gradient(135deg, #6FCF97, #BFF2DE, #7FD1C2, #3F6E5D, #7FD1C2, #BFF2DE, #6FCF97);
    --aurora-fill: linear-gradient(135deg, #E3F5EA, #F2FAF5, #DDF3EE);
    --aurora-glow: 0 0 10px rgba(95, 168, 138, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  }

  /* スマホ縦画面の今日タブのTodo行は#EEF6F6（今日タブの--surface-sunk）なので、ほかのタブもそれに合わせる */
  @media (max-width: 1023.98px) and (orientation: portrait) {
    :root { --todo-card-bg: #EEF6F6; }
  }

/* 省エネモード中は、今日タブの背景だけを薄いミントに差し替え、「セルフケア中」であることが
   伝わるようにする（2026-09-26導入、2026-10-04バックログ#33-33で紫→緑ベースに変更し、
   --pine系の差し替えはやめた）。背景は:rootの--bgを.app・ヘッダー・body等の複数の要素が
   参照しているため、--bg自体を差し替えて全部を一括で切り替える
   （body[data-view]はapp.jsのswitchToTab()が更新する）。他タブには効かない。 */
body.energy-mode-active[data-view="today"] {
  --bg: var(--bg-energy-mode);
}

/* ===== PC版「今日」タブのデザイン刷新（バックログ#33-8、2026-10-09。仕様: docs/design-refresh/README.md） =====
   海・山・朝日の背景に合わせた青緑系の配色。まずは今日タブ（body[data-view="today"]）のPC幅（1024px以上）だけに当てる。
   スマホ・WebViewの縦画面（1023px以下）と他のタブは、これまでの緑系のまま。
   既存のトークン（--pine・--ok・--ink等）を今日タブの中だけ差し替えるので、編集中の枠・ボタン・グラフの色も一緒に青緑系になる。
   背景画像そのものはshared.css（.app）、カードの半透明はtoday.cssで指定する。 */
@media (min-width: 1024px) {
  body[data-view="today"] {
    --ink: #12385F;
    --ink-muted: #48667E;
    --ink-faint: #8299AC;
    --line: #DCE8EC;
    --surface-sunk: #EEF6F6;
    --pine: #2F8A84;
    --pine-soft: #DDF1EF;
    --pine-deep: #1F5E62;
    --ok: #3C9085;
    --today-teal: #3BB5C7;
    --today-sun: #F0BB54;
    --today-moon: #67B9E3;
    --today-card-bg: rgba(255, 255, 255, 0.9);
    --today-card-line: rgba(214, 231, 235, 0.88);
    --today-card-shadow: 0 7px 20px rgba(38, 105, 124, 0.075);
    --today-panel-line: #E3ECEE;
    --today-radius: 12px;
  }
}

/* ===== スマホ版「今日」タブのデザイン刷新（バックログ#33-8、2026-10-10。仕様: CODEX.md「今日タブのスマホ版デザイン初稿」、
   見本: docs/design-refresh/mobile-today-preview.css） =====
   1023px以下の縦画面の今日タブだけ、PC版と同じ青緑系に差し替える。アプリ横画面（html.is-app-landscape）は横向きなので当たらない。
   背景・ヘッダー・下部ナビはshared.css、カード・AM/PM・FABはtoday.cssの同名ブロック。 */
@media (max-width: 1023.98px) and (orientation: portrait) {
  body[data-view="today"] {
    --ink: #12385F;
    --ink-muted: #48667E;
    --ink-faint: #8299AC;
    --line: #DCE8EC;
    --surface-sunk: #EEF6F6;
    --pine: #2F8A84;
    --pine-soft: #DDF1EF;
    --pine-deep: #1F5E62;
    --ok: #3C9085;
    --today-teal: #3BB5C7;
    --today-sun: #F0BB54;
    --today-moon: #67B9E3;
    --today-card-line: rgba(214, 231, 235, 0.9);
    --today-card-shadow: 0 5px 16px rgba(38, 105, 124, 0.075);
    --today-radius-mobile: 13px;
  }
}