/* Mintdex dark theme: the Grading Room after hours (direction G, Night Shift).
   Loaded on top of style.css. Slab labels and card records stay white, like real ones. */
:root {
  color-scheme: dark;
  --bg: #0C0E11;
  --bg-hi: #13161B;
  --panel: #181C22;
  --edge: rgba(238,242,244,.14);
  --text: #EEF2F4;
  --ink-2: #A9B4BA;
  --mint: #2BD48A;
  --on-label: #3D464B;
}
html { background: var(--bg); }
body { color: var(--text); background: radial-gradient(120% 60% at 70% 0, #1A1F26 0, var(--bg) 70%) no-repeat, var(--bg); }

/* header */
.top { background: transparent; box-shadow: inset 0 0 0 1px var(--edge); }
.brand { color: var(--text); }
.wm-light { display: none; }
.wm-dark { display: block; }
.cert { background: transparent; color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--edge); }
.mode { color: var(--text); }
.to-dark { display: none; }
.to-light { display: inline-flex; }

/* hero under a spotlight */
/* headline underline: deep pink to green, softer than the foil on a dark page */
h1 .u::after { background: linear-gradient(105deg, #9C2A6B 0%, #1E8A5C 50%, #9C2A6B 100%); background-size: 200% 100%; }
.deck { color: var(--text); }
.lede { color: var(--ink-2); }
.hero { overflow: hidden; }
.stack { isolation: isolate; }
.stack::before { content: ""; position: absolute; z-index: -1; left: 50%; top: -150px; width: 560px; height: 560px; margin-left: -280px; pointer-events: none; background: conic-gradient(from 160deg at 50% 0%, transparent 0deg, rgba(238,242,244,.2) 14deg, rgba(238,242,244,.08) 30deg, transparent 40deg); clip-path: polygon(50% 0, 100% 100%, 0 100%); -webkit-mask-image: linear-gradient(#000 45%, transparent 92%); mask-image: linear-gradient(#000 45%, transparent 92%); }
.stack::after { content: ""; position: absolute; z-index: -1; left: 50%; bottom: -8px; width: 320px; height: 50px; margin-left: -160px; border-radius: 50%; pointer-events: none; background: radial-gradient(closest-side, rgba(238,242,244,.16), transparent); }
.slab { background: linear-gradient(140deg, rgba(255,255,255,.34), rgba(255,255,255,.08) 45%, rgba(255,255,255,.18)); box-shadow: 0 0 0 1px rgba(238,242,244,.35), inset 0 0 0 1px rgba(255,255,255,.25), inset 0 0 0 5px rgba(255,255,255,.06), 0 30px 50px -20px rgba(0,0,0,.9); }
.slab::after { background: linear-gradient(118deg, rgba(255,255,255,.35) 0 6%, transparent 18% 74%, rgba(255,255,255,.12) 86%, transparent 100%); }
.label { box-shadow: none; }
.ln { color: #0B6E52; }
.window { background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.slab-front { -webkit-box-reflect: below 6px linear-gradient(transparent 84%, rgba(255,255,255,.16)); }
.slab-back { filter: brightness(.82); }

/* pink buttons, as in Night Shift */
.button, button[type=submit] { background: var(--pink); color: var(--ink); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 10px 30px -10px rgba(255,72,176,.55); }

/* bands */
.ticker { background: var(--bg-hi); color: var(--text); box-shadow: inset 0 1px 0 var(--edge), inset 0 -1px 0 var(--edge); }
.ticker span:nth-of-type(even) { color: transparent; -webkit-text-stroke: 1.2px var(--ink-2); }
.choose { background: var(--bg-hi); box-shadow: inset 0 1px 0 var(--edge), inset 0 -1px 0 var(--edge); }

/* lit glass cases */
.tiles li, .qs details, .vs-col.mdx { background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); box-shadow: inset 0 0 0 1px var(--edge), inset 0 1px 0 rgba(255,255,255,.16); }
.tiles li { overflow: hidden; }
.tiles li::before { content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 2px; background: var(--foil); opacity: .8; }
.n { -webkit-text-stroke: 0; text-shadow: 0 0 24px rgba(255,72,176,.35); }

/* under the slab */
.bl-row.small { color: var(--on-label); }
.token { background: var(--panel); box-shadow: inset 0 0 0 1px var(--edge); }
.claim-tag { background: transparent; color: var(--text); border-color: var(--ink-2); }
.pin, .cn { box-shadow: 0 0 0 2px var(--bg), 0 0 0 3px var(--pink); }

/* post or Mintdex */
.versus { background: linear-gradient(180deg, var(--bg), var(--bg-hi)); }
.vs-col.post { background: #1D1A16; box-shadow: inset 0 0 0 1px #3B342A; }
.post .vs-list li { color: #CDBFA9; }
.vs-list li { border-top-color: rgba(238,242,244,.16); }
.mm-slab { box-shadow: 0 0 0 1.5px var(--text); }
.mm-arrow { background: var(--text); }
.mm-arrow::after { border-left-color: var(--text); }
.mm-who { box-shadow: 0 0 0 1.5px var(--text); }

/* who holds it */
.keep-text p:last-child { color: var(--text); }
.record, .ticket-slab { background: linear-gradient(140deg, rgba(255,255,255,.3), rgba(255,255,255,.08)); box-shadow: 0 0 0 1px rgba(238,242,244,.3), 0 30px 50px -24px rgba(0,0,0,.9); }
.rec-top, .record dl { box-shadow: none; color: var(--ink); }
.record dt, .ti-bot span:first-child { color: var(--on-label); }
.record dd, .ti-bot { color: var(--ink); }

/* status */
.spec { background: var(--panel); box-shadow: inset 0 0 0 1px var(--edge); }
.spec-label { border-bottom-color: var(--edge); }
.spec dl div { border-bottom-color: var(--edge); }

/* show strip */
.show-ticket { box-shadow: 0 24px 60px -24px rgba(255,72,176,.5); }
.st-stub { background: var(--panel); color: var(--text); border-color: var(--bg); }

/* faq */
.qs summary::after { background: rgba(238,242,244,.1); color: var(--text); }
.qs details[open] summary::after { background: var(--pink); color: var(--ink); }
.sticky-join { background: rgba(12,14,17,.92); box-shadow: inset 0 -1px 0 var(--edge); }

/* join form: dark glass with the pink stub head */
.stub { background: var(--panel); box-shadow: inset 0 0 0 1px var(--edge), 0 40px 60px -30px rgba(0,0,0,.9); }
.stub-head::before, .stub-head::after { box-shadow: inset 0 0 0 1px var(--edge); }
.opt { color: var(--ink-2); }
input[type=email], input[type=text] { background: #0F1216; color: var(--text); box-shadow: inset 0 0 0 1px rgba(238,242,244,.28); }
input::placeholder { color: #8D979D; }
input[type=email]:focus, input[type=text]:focus { box-shadow: inset 0 0 0 2px var(--mint); }
.role span { background: #0F1216; box-shadow: inset 0 0 0 1px rgba(238,242,244,.28); }
.role input:checked + span { background: var(--label); color: var(--ink); }
.consent input { accent-color: var(--pink); }
.error { color: #FF8CCB; background: rgba(255,72,176,.12); }

.foot { box-shadow: inset 0 1px 0 var(--edge); padding-top: 26px; }

/* text on pink stays ink, as on the light page */
.stub-head, .ti-top, .st-main, .sticker, .chip { color: var(--ink); }

/* real slab photographs under the spotlight */
.real { box-shadow: 0 0 0 1px rgba(238,242,244,.25), 0 30px 50px -20px rgba(0,0,0,.9); }
.r-front { -webkit-box-reflect: below 6px linear-gradient(transparent 86%, rgba(255,255,255,.14)); }
.r-left, .r-right { filter: brightness(.85); }
.stack-note { color: var(--ink-2); }