/* 올풀 공유 테마 — data-theme 한 줄로 전 화면 색을 바꾼다.
   모든 페이지가 var(--yp-*)를 쓰므로, 여기서 토큰만 덮어쓰면 전체가 re-theme 된다.
   기본(data-theme 없음) = 연라이프 우아 라이트 (각 페이지 기존 토큰 그대로). */

/* 부드러운 전환 */
html, body { transition: background-color .25s ease, color .25s ease; }

/* ── 눈 편한(따뜻한 종이) ── */
:root[data-theme="sepia"] {
  --yp-mist:  #f3ead6;
  --yp-card:  #fbf4e6;
  --yp-white: #fbf4e6;
  --yp-line:  #e3d6ba;
  --yp-bg-page:
    radial-gradient(circle at top left, rgba(195,141,86,0.12), transparent 24%),
    linear-gradient(180deg, #f6eedb 0%, #f1e6cf 100%);
}

/* ── 어둡게(Forest Dark — yeon-design 야간/집중) ── */
:root[data-theme="dark"] {
  --yp-ink:    #e9f5f2;
  --yp-deep:   #6eb5a6;   /* 어두운 배경 대비 밝은 틸 */
  --yp-pine:   #82c4b7;
  --yp-accent: #d8a564;   /* 골드 살짝 밝게 */
  --yp-sage:   #2f4640;
  --yp-mist:   #202c29;   /* 기본 배경 */
  --yp-sand:   #38413a;
  --yp-peach:  #2f3b36;
  --yp-line:   #3a4a45;
  --yp-card:   #2b3b32;   /* 카드 */
  --yp-white:  #2b3b32;
  --yp-text-primary:   #e9f5f2;
  --yp-text-secondary: #b3cdc6;
  --yp-text-muted:     #8aa39c;
  --yp-text-soft:      #7a938c;
  --yp-bg-page:
    radial-gradient(circle at top left, rgba(110,181,166,0.10), transparent 24%),
    linear-gradient(180deg, #20302c 0%, #1b2723 100%);
}
:root[data-theme="dark"] body { background: var(--yp-bg-page); }