/* 계절별 테마: body 클래스로 배경·색상 전환 */

/* 공통: 부드러운 트랜지션 */
body {
  transition: background 0.7s ease, color 0.4s ease;
}

/* ── 봄 (Spring) ──
   style.css :root 기본값 그대로 사용 (별도 클래스 불필요)
   하지만 spring 클래스가 명시될 경우를 위해 */
html.theme-spring body {
  --bg: #f8f0e0;
  --bg-soft: #f1dfbb;
  --text: #2e1a08;
  --text-light: #fff8ee;
  --muted: #8c6440;
  --line: #d8b07a;
  --primary: #7a3e0c;
  --accent: #c06c1a;
  --card: rgba(255, 248, 236, 0.97);
  background:
    radial-gradient(circle at 8% 8%,  rgba(210, 120, 40, 0.16), transparent 26%),
    radial-gradient(circle at 88% 14%, rgba(245, 175, 90, 0.20), transparent 28%),
    linear-gradient(180deg, #fdf4e6 0%, #f5e2c4 52%, #edd5a8 100%);
}

/* ── 여름 (Summer) ── */
html.theme-summer body {
  --bg: #dff4f8;
  --bg-soft: #b2e4ef;
  --text: #0e3845;
  --text-light: #dff4f8;
  --muted: #3a7a8a;
  --line: #4db8cc;
  --primary: #007080;
  --accent: #00b4cc;
  --card: rgba(220, 247, 252, 0.97);
  background:
    radial-gradient(circle at 10% 6%,  rgba(0, 180, 210, 0.16), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(70, 200, 218, 0.20), transparent 30%),
    linear-gradient(180deg, #eafafd 0%, #ceeef8 52%, #b8e4f4 100%);
}

/* ── 가을 (Autumn) ── */
html.theme-autumn body {
  --bg: #f8ede2;
  --bg-soft: #ebcfad;
  --text: #3a1c0a;
  --text-light: #fff4ea;
  --muted: #7a4c2a;
  --line: #d0945a;
  --primary: #9c4510;
  --accent: #e07820;
  --card: rgba(255, 246, 234, 0.97);
  background:
    radial-gradient(circle at 8% 8%,  rgba(176, 78, 14, 0.22), transparent 26%),
    radial-gradient(circle at 90% 12%, rgba(218, 136, 56, 0.26), transparent 28%),
    linear-gradient(180deg, #fdf0e0 0%, #f2d8b4 52%, #e8c490 100%);
}

/* ── 겨울 (Winter) ── */
html.theme-winter body {
  --bg: #e8eef7;
  --bg-soft: #cfd8e8;
  --text: #1a2c44;
  --text-light: #e4eaf5;
  --muted: #5a6e88;
  --line: #8fa8c8;
  --primary: #1858a0;
  --accent: #4fa0e8;
  --card: rgba(238, 244, 252, 0.97);
  background:
    radial-gradient(circle at 12% 5%,  rgba(90, 140, 220, 0.16), transparent 28%),
    radial-gradient(circle at 86% 15%, rgba(155, 198, 240, 0.20), transparent 28%),
    linear-gradient(180deg, #edf3fb 0%, #dbe6f4 52%, #c8d8ec 100%);
}