/* ──────────────────────────────────────────────
   tarot.css — 원시인 타로 전용 "어둑한 동굴" 다크 테마
   style.css 뒤에 덧입혀, CSS 변수를 동굴 색으로 재정의(대부분 자동 전환)
   + 청록(신비) 글로우와 주술사 배너를 더한다.
   ────────────────────────────────────────────── */
:root{
  --bg-primary:#0c1310;
  --bg-secondary:#0e1714;
  --bg-header:rgba(9,14,12,.82);
  --bg-footer:#070b0a;
  --bg-card:#13201c;
  --text-primary:#e9f1ee;
  --text-secondary:#9fb4ad;
  --accent:#49c9c9;
  --accent-light:#5fe6d6;
  --accent-dark:#79e0d2;          /* 어두운 배경에선 더 밝은 청록 */
  --accent-glow:rgba(95,230,214,.28);
  --border-color:rgba(120,200,185,.20);
}

/* ── 동굴 분위기: 발광 그라데이션 배경 ── */
body{
  background:
    radial-gradient(1200px 720px at 50% -10%, rgba(95,230,214,.10), transparent 60%),
    radial-gradient(820px 560px at 85% 112%, rgba(235,166,85,.06), transparent 55%),
    var(--bg-primary);
}
#tarot{
  background:
    radial-gradient(900px 620px at 50% 26%, rgba(95,230,214,.07), transparent 62%),
    var(--bg-secondary);
}

/* ── 떠다니는 룬 이모지 — 동굴 벽 발광 ── */
.float-emoji{ opacity:.12; filter:drop-shadow(0 0 7px rgba(95,230,214,.5)); }

/* ── 로고(다크 헤더 위라 밝게) + 제목 글로우 ── */
.logo h1{ color:#eef6f3; text-shadow:0 0 16px rgba(95,230,214,.5); }
#tarot h2{ text-shadow:0 0 20px rgba(95,230,214,.42); }

/* ── 주술사 이미지 — 타로 중심 배너 ── */
.tarot-intro{ max-width:560px; margin:0 auto 28px; }
.tarot-webtoon{
  width:100%; max-width:100%; border-radius:20px;
  border:1px solid rgba(95,230,214,.38);
  box-shadow:0 18px 50px rgba(0,0,0,.6), 0 0 64px rgba(95,230,214,.20);
}

/* ── 타로 뽑기 버튼 — 신비 발광(style.css의 앰버 .btn 위에 덧입힘) ── */
#tarot-start-btn{
  background:linear-gradient(135deg,#173430,#0f211d);
  color:#c4f7ef;
  border:1px solid rgba(95,230,214,.55);
  box-shadow:0 0 24px rgba(95,230,214,.30), inset 0 0 14px rgba(95,230,214,.12);
  text-shadow:0 0 9px rgba(95,230,214,.55);
}
#tarot-start-btn:hover{
  box-shadow:0 0 38px rgba(95,230,214,.5), inset 0 0 18px rgba(95,230,214,.2);
}

/* ── 카드 뒷면/공개 카드 글로우 ── */
.tarot-back{ box-shadow:0 8px 24px rgba(0,0,0,.6), 0 0 18px rgba(95,230,214,.16); }

/* ── 정방향 배지: 청록 (역방향은 앰버 유지) ── */
.tarot-orientation.upright{ background:rgba(95,230,214,.14); color:#79e0d2; border:1px solid rgba(95,230,214,.45); }

/* ── 운세 박스: 내부 미세 글로우 ── */
.tarot-card-fortune{ box-shadow:inset 0 0 24px rgba(95,230,214,.06); }

/* ── 오늘의 한마디: 청록 톤 ── */
.tarot-card-tip{ background:rgba(95,230,214,.08); border:1px solid rgba(95,230,214,.22); }
.tarot-card-tip .tip-label{ color:#79e0d2; }