/* ============================================================
   配色パレット（アプリ層）— 家族メモ
   クールなグリーン基調のシック（ライト＝淡いセージ、ダーク＝緑がかった炭色）。
   アクセントは深いクールグリーン。秘密メモ（テラコッタ）と一目で見分けられる。
   ステータスバー色（config.js の themeColors）は --bg と合わせること。
   ============================================================ */

:root {
  --bg: #eaefeb;          /* 淡いセージ（クールな生成り） */
  --card: #f6f9f6;        /* カードはひとつ明るく */
  --text: #232826;        /* 緑がかった墨色（真っ黒にしない） */
  --muted: #75837b;       /* くすんだ灰緑 */
  --accent: #33735d;      /* 深いクールグリーン */
  --accent-strong: #285d4b;
  --danger: #a94a40;      /* 危険系は警告として伝わる暖色を維持 */
  --border: #d7e0d9;
  --shadow: 0 1px 3px rgba(40, 64, 52, .08), 0 4px 14px rgba(40, 64, 52, .05);
  --cal-sat: #5b7fa6;     /* カレンダーの土曜（くすんだ青） */
  --cal-sun: #b05a49;     /* カレンダーの日曜（緑アクセントの代わりに赤系レンガ色） */
}
/* ダーク配色は2箇所から参照される：
   ①スマホがダーク設定（かつライト固定にしていない）②アプリ内でダーク固定を選択 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #232725;        /* 緑がかった炭色（黒すぎない） */
    --card: #2e3431;
    --text: #e7ece8;
    --muted: #96a49b;
    --accent: #63a888;    /* ダークでは少し明るいグリーン */
    --accent-strong: #79bb9c;
    --danger: #e0847a;
    --border: #3d453f;
    --shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --cal-sat: #8fb0d1;
    --cal-sun: #d98b76;
  }
}
:root[data-theme="dark"] {
  --bg: #232725;
  --card: #2e3431;
  --text: #e7ece8;
  --muted: #96a49b;
  --accent: #63a888;
  --accent-strong: #79bb9c;
  --danger: #e0847a;
  --border: #3d453f;
  --shadow: 0 1px 3px rgba(0, 0, 0, .35);
  --cal-sat: #8fb0d1;
  --cal-sun: #d98b76;
}