@charset "utf-8";
/* =====================================================
   themes.css : 호별 메인 컬러 정의 (변수 값만 관리)
   - <html data-issue="YYYYMM"> 값은 assets/js/theme.js 에서 설정한다.
   - 새 호 추가 시 아래 블록 하나를 복사해서 값만 바꾼다.
   - --theme-bg1  : 메인/지난호 외 목록·소개·About 배경 (webzine-bg1, PC)
   - --theme-bg2  : 상세·지난호 목록 배경 (webzine-bg2, PC)
   - --theme-bg-m : 모바일 공통 배경 (767px 이하)
   - --theme-popup-bg : 공유 드롭다운 / 소개 팝오버 / 정답 팝오버 배경
===================================================== */
:root,
:root[data-issue="202610"] {
  --theme-color1: #e8cf79;
  --theme-color2: #e3e9b0;
  --theme-bg1: linear-gradient(to right, var(--theme-color1) 0%, var(--theme-color1) 20%, var(--theme-color2) 30%, var(--theme-color2) 100%);
  --theme-bg2: linear-gradient(90deg, var(--theme-color1) 0%, var(--theme-color1) 70%, var(--theme-color2) 80%, var(--theme-color2) 100%);
  --theme-bg-m: linear-gradient(to bottom, var(--theme-color1) 0%, var(--theme-color1) 80%, var(--theme-color2) 90%, var(--theme-color2) 100%);
  --theme-popup-bg: var(--theme-color2);
}

:root[data-issue="202611"] {
  --theme-color1: #DDC2E4;
  --theme-color2: #6EDBCF;
  --theme-bg1: linear-gradient(to right, var(--theme-color1) 0%, var(--theme-color1) 20%, var(--theme-color2) 30%, var(--theme-color2) 100%);
  --theme-bg2: linear-gradient(90deg, var(--theme-color2) 0%, var(--theme-color2) 70%, var(--theme-color1) 80%, var(--theme-color1) 100%);
  --theme-bg-m: linear-gradient(to bottom, var(--theme-color2) 0%, var(--theme-color2) 80%, var(--theme-color1) 90%, var(--theme-color1) 100%);
  --theme-popup-bg: var(--theme-color1);
}