/* ============================================================================
   Lifeved Tarot — canonical shared theme (single source of truth).
   Dark-mystic palette used by the hub, SEO landings and the engine tools.

   USAGE:  <link rel="stylesheet" href="/tarot/assets/tarot.css">
   During the Level-2 visual unification, tools should link this file and drop
   their per-file inline <style> blocks so every reading looks like one product.
   ========================================================================== */

:root{
  --gold:#e9c46a; --gold2:#d4a93f; --gold-soft:#f6e2a6;
  --mystic:#b692ff; --rose:#ff9ec4;
  --ink:#0b0718; --ink2:#170f33; --ink3:#070414;
  --text:#ecdffb; --text-soft:#d8c9f2; --text-muted:#a08cc9;
  --line:rgba(182,146,255,.22); --line-gold:rgba(233,196,106,.28);
  --panel:linear-gradient(165deg,rgba(46,30,86,.5),rgba(20,13,40,.5));
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --radius:16px; --radius-lg:22px;
}

*{box-sizing:border-box;}
body.tarot{
  margin:0; color:var(--text); font-family:var(--font-body); min-height:100vh;
  background:var(--ink);
  background-image:
    radial-gradient(1200px 600px at 80% -8%,rgba(182,146,255,.22),transparent 60%),
    radial-gradient(900px 500px at 10% 6%,rgba(233,196,106,.10),transparent 55%),
    linear-gradient(170deg,var(--ink2),var(--ink) 55%,var(--ink3));
}
.tarot .wrap{max-width:820px;margin:0 auto;padding:34px 20px 80px;}

/* Headings / hero */
.tarot .kicker{font-size:.72rem;letter-spacing:4px;text-transform:uppercase;color:var(--mystic);}
.tarot h1,.tarot .h1{
  font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5.5vw,3rem);
  margin:8px 0 6px;line-height:1.05;
  background:linear-gradient(120deg,#fff0d6,var(--gold),#fff0d6,var(--mystic));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.tarot .sub{color:#c9bbe6;max-width:560px;margin:6px auto 0;line-height:1.7;}

/* Panels */
.tarot .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 26px;margin:20px 0;}
.tarot .card h2{font-family:var(--font-display);font-weight:600;color:#fff2dc;font-size:1.55rem;margin:0 0 14px;}
.tarot .card p{line-height:1.8;color:var(--text-soft);margin:0 0 12px;}

/* Reader message highlight */
.tarot .msg{border-left:3px solid var(--gold);background:rgba(233,196,106,.06);border-radius:0 12px 12px 0;padding:16px 20px;font-size:1.05rem;color:#f3e8d6;line-height:1.8;}

/* Domain grid */
.tarot .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.tarot .box{background:rgba(11,7,24,.4);border:1px solid rgba(182,146,255,.18);border-radius:12px;padding:14px 16px;}
.tarot .box .k{font-size:.72rem;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;}
.tarot .box .v{color:#efe7ff;font-size:.95rem;line-height:1.55;}

/* Chips */
.tarot .chip{display:inline-block;background:rgba(233,196,106,.12);border:1px solid rgba(233,196,106,.3);color:#f6e6b8;border-radius:30px;padding:3px 11px;font-size:.8rem;margin:3px 5px 0 0;}

/* Verdict band (synthesis output) */
.tarot .verdict{text-align:center;border-radius:var(--radius-lg);padding:22px;margin:18px 0;border:1px solid var(--line-gold);background:var(--panel);}
.tarot .verdict .label{font-family:var(--font-display);font-size:1.8rem;color:#fff2dc;}
.tarot .verdict.pos{box-shadow:inset 0 0 0 1px rgba(52,211,153,.25);}
.tarot .verdict.neg{box-shadow:inset 0 0 0 1px rgba(255,158,196,.25);}

/* CTA */
.tarot .cta{text-align:center;margin:28px 0 0;}
.tarot .btn-gold{display:inline-block;background:linear-gradient(135deg,var(--gold-soft),var(--gold),var(--gold2));color:#1c1233;padding:13px 32px;border-radius:50px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:.82rem;}

/* Card imagery */
.tarot .cimg img{width:100%;border-radius:14px;border:1px solid rgba(233,196,106,.5);box-shadow:0 16px 44px rgba(0,0,0,.55);}
.tarot .cimg img.rev,.tarot .card-image.reversed{transform:rotate(180deg);}

/* Deck */
.tarot .deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px;margin:34px auto 0;max-width:680px;}
.tarot .cb{aspect-ratio:2/3.4;border-radius:8px;cursor:pointer;background:url('/tarot/assets/cards/card_back.jpg') center/cover,#1c1233;border:1px solid rgba(233,196,106,.3);transition:transform .18s,box-shadow .18s;}
.tarot .cb:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 10px 26px rgba(182,146,255,.4);border-color:var(--gold);}

.tarot .disc{color:var(--text-muted);font-size:.8rem;text-align:center;margin-top:22px;line-height:1.6;}

@media(max-width:620px){.tarot .grid{grid-template-columns:1fr;}}