/* platform/themes.css — 5種類のテーマ色(最後に読む) (旧 core.css から分割・見た目の変更なし) */

/* ─── Themes (5 patterns) ─── default = night (:root) ─── */
html[data-theme="light"] {
  color-scheme: light;
  --bg-base:#f6f2e9; --bg-card:#ffffff; --bg-card2:#efe9db; --bg-nav:#ffffff;
  --accent:#a67c1a; --accent2:#0f8f80; --accent3:#6d3fd1;
  --danger:#dc2626; --success:#16a34a;
  --text-primary:#2a2418; --text-secondary:#5e564a; --text-muted:#8c8372;
  --border:#ddd4c0; --border2:#c9bea5; --shadow:0 4px 18px rgba(60,45,10,0.12);
  --on-accent:#fff; --hero-a:#fff4d6; --hero-b:#e3f3ef; --ref-a:#f0e8ff; --ref-b:#e6eefc;
  --accent-soft:rgba(166,124,26,0.10); --bg-float:rgba(255,255,255,0.97); --bg-outer:#e4ddcc;
}
html[data-theme="ocean"] {
  --bg-base:#08121f; --bg-card:#0f2236; --bg-card2:#14304a; --bg-nav:#0a1a2b;
  --accent:#38bdf8; --accent2:#5eead4; --accent3:#818cf8;
  --text-primary:#e6f2fb; --text-secondary:#8fb0c9; --text-muted:#53728c;
  --border:#1d3a56; --border2:#2a5072; --on-accent:#021018;
  --hero-a:#0c2b4a; --hero-b:#0a1f3a; --ref-a:#12274f; --ref-b:#0a1a3a;
  --accent-soft:rgba(56,189,248,0.10); --bg-float:rgba(15,34,54,0.96); --bg-outer:#040b14;
}
html[data-theme="forest"] {
  --bg-base:#0a140e; --bg-card:#12241a; --bg-card2:#183122; --bg-nav:#0d1c13;
  --accent:#84cc16; --accent2:#2dd4bf; --accent3:#facc15;
  --text-primary:#e8f3e6; --text-secondary:#93b09a; --text-muted:#587463;
  --border:#1f3a29; --border2:#2d5238; --on-accent:#0a1405;
  --hero-a:#13301f; --hero-b:#0d2418; --ref-a:#1c2f12; --ref-b:#0f2416;
  --accent-soft:rgba(132,204,22,0.10); --bg-float:rgba(18,36,26,0.96); --bg-outer:#050c08;
}
html[data-theme="sakura"] {
  --bg-base:#1a0f18; --bg-card:#2a1826; --bg-card2:#35202f; --bg-nav:#211220;
  --accent:#f472b6; --accent2:#fda4af; --accent3:#c084fc;
  --text-primary:#fbeaf3; --text-secondary:#c49bb4; --text-muted:#8a627a;
  --border:#442a3d; --border2:#5c3a52; --on-accent:#2a0a1c;
  --hero-a:#3a1a35; --hero-b:#2a1230; --ref-a:#33183a; --ref-b:#241236;
  --accent-soft:rgba(244,114,182,0.10); --bg-float:rgba(42,24,38,0.96); --bg-outer:#0f080e;
}
.theme-switcher { display:flex; flex-wrap:wrap; gap:8px; }
.theme-btn {
  display:flex; align-items:center; gap:6px; padding:8px 12px;
  background:var(--bg-card2); color:var(--text-primary);
  border:1px solid var(--border2); border-radius:var(--radius-sm);
  font-size:0.8rem; cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.theme-btn .swatch { width:14px; height:14px; border-radius:50%; border:1px solid var(--border2); }
.theme-btn.active { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); font-weight:700; }