/* CSS 변수 — 기본: warm (스크립트에서 html[data-theme] 로 전환) */
:root {
  color-scheme: light;
}

html[data-theme="warm"] {
  color-scheme: light;
  --bg: #faf8f5;
  --bg-elevated: #ffffff;
  --surface: #fffdf9;
  --text: #2a2520;
  --muted: #6b635c;
  --accent: #b8956c;
  --accent-hover: #a07d52;
  --border: rgba(90, 70, 50, 0.12);
  --shadow: 0 12px 40px rgba(60, 45, 30, 0.08);
  --shadow-card: 0 4px 24px rgba(60, 45, 30, 0.06);
  --ring: rgba(184, 149, 108, 0.45);
  --placeholder: #e8e0d6;
}

html[data-theme="cool"] {
  color-scheme: light;
  --bg: #f5f8fb;
  --bg-elevated: #ffffff;
  --surface: #f8fafc;
  --text: #1e293b;
  --muted: #64748b;
  --accent: #3b82a8;
  --accent-hover: #2d6b8c;
  --border: rgba(30, 58, 95, 0.12);
  --shadow: 0 12px 40px rgba(15, 45, 75, 0.08);
  --shadow-card: 0 4px 24px rgba(15, 45, 75, 0.06);
  --ring: rgba(59, 130, 168, 0.45);
  --placeholder: #e2e8f0;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #121418;
  --bg-elevated: #1a1d24;
  --surface: #1e222b;
  --text: #e8eaef;
  --muted: #9aa3b2;
  --accent: #7eb8d4;
  --accent-hover: #9ecae0;
  --border: rgba(255, 255, 255, 0.08);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
  --ring: rgba(126, 184, 212, 0.5);
  --placeholder: #3d4450;
}