/* ============================================================
   配色パレット（アプリ層）— アプリごとに差し替える。構造は style.css（共通層）。
   秘密メモ：シックなアーストーン基調（ライト＝温かいアイボリー、ダーク＝温かい炭色）。
   アクセントはテラコッタ。真っ黒・真っ白を避け、全体をわずかに暖色へ寄せる。
   ステータスバー色（config.js の themeColors）は --bg と合わせること。
   ============================================================ */

:root {
  --bg: #f0eee6;          /* 温かいアイボリー */
  --card: #faf9f5;        /* カードはひとつ明るく */
  --text: #262521;        /* 墨色（真っ黒にしない） */
  --muted: #85796b;       /* くすんだ砂色 */
  --accent: #c15f3c;      /* テラコッタ */
  --accent-strong: #a94e2e;
  --danger: #a94a40;
  --border: #e2ddd2;
  --shadow: 0 1px 3px rgba(74, 60, 40, .08), 0 4px 14px rgba(74, 60, 40, .05);
  --cal-sat: #5b7fa6;     /* カレンダーの土曜（くすんだ青。日曜は--accent） */
}
/* ダーク配色は2箇所から参照される：
   ①スマホがダーク設定（かつライト固定にしていない）②アプリ内でダーク固定を選択 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #262624;        /* 炭色（黒すぎない） */
    --card: #32312d;
    --text: #ece9e0;
    --muted: #a49d8e;
    --accent: #d97757;    /* ダークでは少し明るいテラコッタ */
    --accent-strong: #e08a6d;
    --danger: #e0847a;
    --border: #423f39;
    --shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --cal-sat: #8fb0d1;
  }
}
:root[data-theme="dark"] {
  --bg: #262624;
  --card: #32312d;
  --text: #ece9e0;
  --muted: #a49d8e;
  --accent: #d97757;
  --accent-strong: #e08a6d;
  --danger: #e0847a;
  --border: #423f39;
  --shadow: 0 1px 3px rgba(0, 0, 0, .35);
  --cal-sat: #8fb0d1;
}