/* ============================================================
   The Secret Card Show — shared site theme
   Same design language as the internal floor/layout editors:
   Barlow Semi Condensed (display), Source Sans 3 (body),
   JetBrains Mono (labels/eyebrows). Edit tokens here to change
   the whole site's look at once.
   ============================================================ */

:root{
  --ink:#17181f; --ink-soft:#4a4c58;
  --paper:#f4f2ec; --paper-raised:#ffffff; --line:#dcd8cc;
  --accent:#c8323e; --accent-ink:#ffffff; --accent-hover:#a92531;
  --gold:#d1a92e; --gold-ink:#3a2c05;
  --focus:#3d5aa8;
  --shadow: 0 1px 2px rgba(23,24,31,.06), 0 8px 24px -12px rgba(23,24,31,.18);
  --shadow-lg: 0 4px 10px rgba(23,24,31,.10), 0 24px 48px -16px rgba(23,24,31,.28);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#f2f0ea; --ink-soft:#b7b4ab;
    --paper:#111116; --paper-raised:#1a1a22; --line:#2e2e38;
    --accent:#e6555f; --accent-ink:#1a0507; --accent-hover:#f27a82;
    --gold:#e0bb47; --gold-ink:#2b2000;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 28px -12px rgba(0,0,0,.6);
    --shadow-lg: 0 4px 14px rgba(0,0,0,.5), 0 28px 56px -18px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --ink:#f2f0ea; --ink-soft:#b7b4ab;
  --paper:#111116; --paper-raised:#1a1a22; --line:#2e2e38;
  --accent:#e6555f; --accent-ink:#1a0507; --accent-hover:#f27a82;
  --gold:#e0bb47; --gold-ink:#2b2000;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 28px -12px rgba(0,0,0,.6);
  --shadow-lg: 0 4px 14px rgba(0,0,0,.5), 0 28px 56px -18px rgba(0,0,0,.7);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
}
h1,h2,h3{font-family:"Barlow Semi Condensed",sans-serif;font-weight:800;letter-spacing:.01em;}
.eyebrow{
  font-family:"JetBrains Mono",monospace;
  font-size:11.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}

/* Slim top nav, used on every page except the landing hero itself */
.site-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;
  background:#111116;
  color:#fff;
}
.site-nav a.wordmark{
  color:#fff;text-decoration:none;
  font-family:"Barlow Semi Condensed",sans-serif;font-weight:800;
  font-size:19px;letter-spacing:.02em;
  display:flex;align-items:center;gap:8px;
}
.site-nav a.wordmark .dot{color:var(--gold);}
.site-nav a.back-link{
  color:#cfcfd6;text-decoration:none;font-size:13.5px;font-weight:600;
  display:flex;align-items:center;gap:6px;
}
.site-nav a.back-link:hover{color:#fff;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;
  font-size:16px;letter-spacing:.01em;
  padding:14px 26px;border-radius:10px;border:none;cursor:pointer;
  text-decoration:none;
  transition:transform .12s ease, filter .12s ease, background .12s ease;
}
.btn:active{transform:translateY(1px);}
.btn-accent{background:var(--accent);color:var(--accent-ink);}
.btn-accent:hover{background:var(--accent-hover);}
.btn-gold{background:var(--gold);color:var(--gold-ink);}
.btn-gold:hover{filter:brightness(1.06);}
.btn:disabled{background:#8a8a92!important;color:#fff!important;cursor:not-allowed;filter:none;}

footer.site-footer{
  text-align:center;padding:28px 20px;color:var(--ink-soft);font-size:12.5px;
  background:var(--paper);
}
footer.site-footer a{color:var(--ink-soft);}