:root {
  --radius: 18px;
  --badge-fg: #fff;
}

/* red_pink: 白〜淡ピンク地に強めの赤。エディトリアル */
body[data-theme="red_pink"] {
  --bg: #fbf3f3;
  --bg-grad: radial-gradient(120% 80% at 50% 0%, #ffffff 0%, #fdeced 55%, #f7dadc 100%);
  --fg: #3a2b2e; --muted: #9b7a80;
  --accent: #c8324a; --accent-soft: rgba(200,50,74,0.12);
  --card-bg: rgba(255,255,255,0.78); --border: rgba(200,50,74,0.22);
  --badge-bg: #c8324a;
}

/* baby_pink: 淡いベビーピンクのグラデ。ドリーミー */
body[data-theme="baby_pink"] {
  --bg: #fdeef3;
  --bg-grad: linear-gradient(180deg, #fff6fa 0%, #fbe4ee 55%, #f6d3e4 100%);
  --fg: #5a474f; --muted: #ab8b9b;
  --accent: #d98aa9; --accent-soft: rgba(217,138,169,0.16);
  --card-bg: rgba(255,255,255,0.74); --border: rgba(217,138,169,0.28);
  --badge-bg: #d98aa9;
}

/* Forest: 明るい黄緑×クリーム。ナチュラル（旧Dreamy。キーは互換のため据え置き） */
body[data-theme="Dreamy"] {
  --bg: #f4f8ea;
  --bg-grad: linear-gradient(180deg, #fafdf2 0%, #eef6dc 55%, #e2f0c6 100%);
  --fg: #46512f; --muted: #8c9a6e;
  --accent: #a4c181; --accent-soft: rgba(164,193,129,0.16);
  --card-bg: rgba(255,255,255,0.72); --border: rgba(164,193,129,0.32);
  --badge-bg: #a4c181;
}

/* white: 白基調・ミニマル（テーマのリセット用） */
body[data-theme="white"] {
  --bg: #ffffff;
  --bg-grad: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
  --fg: #2b2b2e; --muted: #a0a0a6;
  --accent: #5c5c63; --accent-soft: rgba(0,0,0,0.05);
  --card-bg: rgba(255,255,255,0.92); --border: rgba(0,0,0,0.10);
  --badge-bg: #5c5c63;
}

/* milk_blue: ベビーミルクブルー（淡め・少し明るめ） */
body[data-theme="milk_blue"] {
  --bg: #e8f4ff;
  --bg-grad: linear-gradient(180deg, #f5fbff 0%, #e8f4ff 55%, #daeefd 100%);
  --fg: #3b4654; --muted: #93a3b6;
  --accent: #86b9e6; --accent-soft: rgba(134,185,230,0.18);
  --card-bg: rgba(255,255,255,0.82); --border: rgba(134,185,230,0.30);
  --badge-bg: #86b9e6;
}

/* 公開ページ背景にグラデを適用 */
.public-bg { background: var(--bg-grad); }