/* Bridge: pages whose layout still leans on styles.css (guides, quizzes, Lenormand pages,
   campaigns, order pages) load styles.css, then site-2026.css, then this file. It swaps the
   old sea/navy theme for the 2026 black look and keeps the new header and footer clean.
   Load order matters: this must come last. */
:root{
  --ink:#000; --deep:#0a0a0a; --linen:#fff; --white:#fff; --foam:#e3c27a; --gold:#e3c27a; --coral:#e3c27a; --reef:#e3c27a;
  --shadow:none;
  --display:"Archivo",system-ui,sans-serif; --sans:"Archivo",system-ui,sans-serif;
}
html,body{background:#000!important}
body{font-family:"Archivo",system-ui,sans-serif!important;color:#fff}
body::before,body::after,.sea-canvas,.promo-bubble,.hero-ticker,.sound-toggle,.tap-sound{display:none!important}
h1,h2,h3,.stage-copy h1{font-family:"Archivo",system-ui,sans-serif!important;font-stretch:125%;text-transform:uppercase;letter-spacing:-.005em;line-height:1}
h1{font-weight:800!important}
h2{font-weight:800!important}
h3{font-weight:700!important;text-transform:none;font-stretch:110%}
p,li{font-family:inherit}

/* the new header and footer must not pick up the old nav pill */
.cs-head nav,.cs-nav{display:block;padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;gap:0}
.cs-nav a{display:inline;min-height:0;padding:0;border-radius:0;background:none!important;color:inherit;font-weight:500;font-size:12px}
.cs-nav a:hover{color:var(--gold)}
.cs-foot a{display:inline;padding:0;background:none}

/* old panels and buttons in the new palette */
.claim-button,.hero-cta,.cta,.button,.btn-gold{background:#fff!important;color:#000!important;border:0!important;border-radius:0!important;font-family:"Archivo",sans-serif!important;font-stretch:125%;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:none!important}
.claim-button:hover,.hero-cta:hover,.cta:hover,.button:hover{background:var(--gold)!important}
.claim-button.ghost{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px #fff!important}
section,article,.card,.panel,.deck-card,.guide-card{border-radius:0}
.deck-card,.panel,.card{background:#0a0a0a;border-color:rgba(255,255,255,.14)}
.sigil{color:#8d8d8d!important;font-family:"Archivo",sans-serif;font-stretch:125%}
img{border-radius:0}
a{color:inherit}
main a:not(.claim-button):not(.btn):not(.deck-card-link){text-decoration-color:var(--gold)}