/* ═══════════════════════════════════════════════════════════════
   테마 색 묶음 — 5벌
   앱(타로.html)은 하나뿐이고, 이 파일의 색 묶음만 갈아끼운다.
   주소 뒤에 ?theme=자 / ?theme=먹 / ?theme=숲 / ?theme=달 을 붙이면
   그 테마로 열린다. 아무것도 안 붙이면 기본(남색·금색, 타로.html의 :root).

   각 묶음은 타로.html :root 의 36개 색 토큰을 그 결에 맞게 다시 정한다.
   (글꼴 --font 는 테마와 무관하므로 여기서 건드리지 않는다)
   선택자는 [data-theme="X"] 이므로 미리보기 페이지의 작은 조각에도 그대로 쓰인다.
   ═══════════════════════════════════════════════════════════════ */

/* ── 남색·금색 (기본, 점집의 밤) — 타로.html :root 와 같은 값 ── */
[data-theme="남"]{
  --bg-top:#16224a;  --bg-mid:#0a1329;  --bg-bottom:#070d1f;
  --card-back-top:#16224a;  --card-back-bottom:#0c1636;
  --panel-top-rgb:22,34,74;  --panel-bottom-rgb:12,22,54;
  --gold:#c9a24b;  --gold-light:#e6c878;  --gold-rgb:201,162,75;  --gold-light-rgb:230,200,120;
  --cream:#f5ecd7;  --card-front-top:#f7efdb;  --card-front-bottom:#efe2c2;  --card-front-img-bg:#fff;
  --ink:#2a2416;  --ink-sub:#6b5f3d;  --btn-ink:#2a1e05;
  --text-reading:#f4ecd6;  --text-em:#efe3bd;  --text-quote:#e9dcae;  --text-strong:#fff;
  --muted-1:#b9c2e0;  --muted-2:#8b96bd;  --muted-3:#8f9ac0;  --muted-4:#cdd4ee;
  --muted-5:#aeb7d8;  --muted-6:#6f7aa3;  --muted-7:#7f8bb3;
  --muted-rgb:139,150,189;  --muted-clear:#9aa4c6;  --muted-clear-hi:#c2cae6;  --notice:#e6b45a;
  --field-bg-rgb:255,255,255;  --rev-badge-bg:#7a2230;  --rev-badge-ink:#fff;
}

/* ── 검정·자주 (묵직하고 신비로운) ── */
[data-theme="자"]{
  --bg-top:#1e0e15;  --bg-mid:#0e060a;  --bg-bottom:#040102;
  --card-back-top:#24101a;  --card-back-bottom:#150810;
  --panel-top-rgb:30,14,21;  --panel-bottom-rgb:14,6,10;
  --gold:#a12b3c;  --gold-light:#cf526a;  --gold-rgb:161,43,60;  --gold-light-rgb:207,82,106;
  --cream:#ecd9de;  --card-front-top:#f5e8e6;  --card-front-bottom:#ead9d5;  --card-front-img-bg:#fff;
  --ink:#291a1d;  --ink-sub:#6a4a4f;  --btn-ink:#fff;
  --text-reading:#ecd9de;  --text-em:#e6c6cd;  --text-quote:#d3aab3;  --text-strong:#fff;
  --muted-1:#c6a7ae;  --muted-2:#9a7b83;  --muted-3:#a2848c;  --muted-4:#d7bcc2;
  --muted-5:#c2a4ab;  --muted-6:#7b5d64;  --muted-7:#8a6a72;
  --muted-rgb:150,118,127;  --muted-clear:#b1969d;  --muted-clear-hi:#d2bbc0;  --notice:#e0a24a;
  --field-bg-rgb:255,255,255;  --rev-badge-bg:#45141f;  --rev-badge-ink:#f2d7dd;
}

/* ── 흰색·먹색 (담백하고 현대적인) — 밝은 바탕: 글자·테두리를 어둡게 뒤집음 ── */
[data-theme="먹"]{
  --bg-top:#fbfaf7;  --bg-mid:#f2f0ea;  --bg-bottom:#e7e3db;
  --card-back-top:#f3f1ea;  --card-back-bottom:#e6e2d8;
  --panel-top-rgb:255,255,255;  --panel-bottom-rgb:244,241,235;
  --gold:#262626;  --gold-light:#4a4a4a;  --gold-rgb:38,38,38;  --gold-light-rgb:74,74,74;
  --cream:#26241f;  --card-front-top:#fbf4ec;  --card-front-bottom:#efe6d9;  --card-front-img-bg:#fff;
  --ink:#24201a;  --ink-sub:#6b5f4d;  --btn-ink:#f6f6f4;
  --text-reading:#2a2722;  --text-em:#46403a;  --text-quote:#5a5148;  --text-strong:#111111;
  --muted-1:#5a5f6b;  --muted-2:#767b84;  --muted-3:#6f7480;  --muted-4:#4a4f5a;
  --muted-5:#6a6f78;  --muted-6:#8a9098;  --muted-7:#9a9aa2;
  --muted-rgb:120,120,128;  --muted-clear:#6a6f78;  --muted-clear-hi:#3a3f48;  --notice:#b06a12;
  --field-bg-rgb:0,0,0;  --rev-badge-bg:#7a2230;  --rev-badge-ink:#fff;
}

/* ── 짙은 초록·구릿빛 (숲과 오래된 책) ── */
[data-theme="숲"]{
  --bg-top:#14261d;  --bg-mid:#0a160f;  --bg-bottom:#040a06;
  --card-back-top:#16281e;  --card-back-bottom:#0b1810;
  --panel-top-rgb:20,38,29;  --panel-bottom-rgb:10,22,15;
  --gold:#a8622f;  --gold-light:#d68a4e;  --gold-rgb:168,98,47;  --gold-light-rgb:214,138,78;
  --cream:#ece4d3;  --card-front-top:#f6efdc;  --card-front-bottom:#ece0c8;  --card-front-img-bg:#fff;
  --ink:#29241a;  --ink-sub:#6a5f45;  --btn-ink:#2a1608;
  --text-reading:#ece4d3;  --text-em:#e6d8bd;  --text-quote:#d3c19a;  --text-strong:#fff;
  --muted-1:#a9bda7;  --muted-2:#7e8f7a;  --muted-3:#86977f;  --muted-4:#c2d3bd;
  --muted-5:#a8b59f;  --muted-6:#5f6f5a;  --muted-7:#6f7f68;
  --muted-rgb:126,143,122;  --muted-clear:#96a790;  --muted-clear-hi:#bccbb5;  --notice:#d69a3e;
  --field-bg-rgb:255,255,255;  --rev-badge-bg:#6a2a1a;  --rev-badge-ink:#f2ddd0;
}

/* ── 보라·은색 (달빛과 별) ── */
[data-theme="달"]{
  --bg-top:#1e1836;  --bg-mid:#100a22;  --bg-bottom:#060310;
  --card-back-top:#221a3c;  --card-back-bottom:#130c26;
  --panel-top-rgb:30,24,54;  --panel-bottom-rgb:16,10,34;
  --gold:#8f86c9;  --gold-light:#cfc7ec;  --gold-rgb:143,134,201;  --gold-light-rgb:207,199,236;
  --cream:#e8e4f2;  --card-front-top:#f2eefb;  --card-front-bottom:#e4ddf3;  --card-front-img-bg:#fff;
  --ink:#241f33;  --ink-sub:#5c5470;  --btn-ink:#1a1430;
  --text-reading:#e8e4f2;  --text-em:#ddd6ef;  --text-quote:#c9bfe4;  --text-strong:#fff;
  --muted-1:#b7b0d6;  --muted-2:#8b84ab;  --muted-3:#918bb2;  --muted-4:#cfc9e6;
  --muted-5:#b8b1d3;  --muted-6:#6b6488;  --muted-7:#7a739a;
  --muted-rgb:139,132,171;  --muted-clear:#a49dc2;  --muted-clear-hi:#c8c2e0;  --notice:#e0b64a;
  --field-bg-rgb:255,255,255;  --rev-badge-bg:#4a2140;  --rev-badge-ink:#f1ddee;
}