/* Reskin of the hand-built pages (solana, packages, provenance, purplex, events) onto the catalogue theme.
   Loaded after each page's own <style>; overrides its design tokens, then the handful of components
   whose colours were hard-coded. Content and layout stay as authored. */
:root{
  --purple:#e50914; --purple-light:#ff5560; --purple-deep:#b0060f;
  --violet:#2a0a0d; --violet-deep:#160305; --sol-purple:#e50914; --sol-green:#8de08d; --gold:#f6c343;
  --bg:#0a0a0b; --surface:#141416; --raised:#1a1a1d; --text:#fff; --muted:#d2d2d6; --dim:#8c8c95; --line:#26262a;
  --grad:linear-gradient(110deg,#b0060f,#e50914,#ff5560);
  --sol-grad:linear-gradient(108deg,#e50914 0%,#ff5560 60%,#ffd1d4 100%);
  --display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
}
body.reskin{background:var(--bg);color:var(--fg-2);font-family:var(--body);padding-top:64px}
body.reskin h1,body.reskin h2,body.reskin h3,body.reskin h4{font-family:var(--display);font-weight:800;letter-spacing:-.03em;color:#fff}
body.reskin h1{font-size:clamp(34px,6.4vw,72px);line-height:.98}
body.reskin h1 b,body.reskin h1 em,body.reskin h1 .accent,body.reskin h2 b,body.reskin .accent{color:var(--red-hi);font-style:normal;-webkit-text-fill-color:currentColor;background:none}
body.reskin h2{font-size:clamp(22px,3.4vw,34px);letter-spacing:-.025em}
body.reskin .back{display:none}
body.reskin .lede,body.reskin .sub{color:var(--fg-2)}
body.reskin .eyebrow,body.reskin .kicker{color:var(--red);font-family:var(--body);font-weight:700;letter-spacing:.26em;text-transform:uppercase;font-size:11.5px}

/* buttons */
body.reskin .cta,body.reskin .btn-crossmint,body.reskin .btn-solana{font-family:var(--body);font-weight:700;border-radius:5px;background:#fff!important;color:#0a0a0b!important;border:0;box-shadow:none;background-image:none!important}
body.reskin .cta:hover{background:#d9d9dd!important;transform:none}
body.reskin .btn-ghost,body.reskin .mlink{font-family:var(--body);font-weight:700;border-radius:5px;background:rgba(109,109,115,.55);border:0;color:#fff}
body.reskin .btn-ghost:hover{background:rgba(109,109,115,.38)}

/* surfaces: kill the purple hairlines and pill radii */
body.reskin .wcard,body.reskin .map,body.reskin .repogroup,body.reskin .ecologo,body.reskin .photo,body.reskin .casework,
body.reskin .card,body.reskin .utility-card,body.reskin .nft-card,body.reskin .stats li,body.reskin figure,body.reskin table,body.reskin .tl,body.reskin .claim{
  border-color:var(--line)!important;border-radius:7px;background:var(--bg-2)}
body.reskin .repo,body.reskin .rghead,body.reskin tr,body.reskin td,body.reskin th{border-color:var(--line)!important}
body.reskin .rghead,body.reskin .rgn,body.reskin .mono{color:var(--fg-3)}
body.reskin .rghead{color:#8de08d}
body.reskin .wcard:hover,body.reskin .ecologo:hover,body.reskin .casework:hover{border-color:var(--line-2)!important}
body.reskin a{color:inherit}
body.reskin p a,body.reskin li a,body.reskin .h,body.reskin .xlink{color:#ff5560;text-decoration:none}
body.reskin p a:hover,body.reskin .h:hover{color:#fff}

/* stats → strip */
body.reskin .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden;padding:0;margin:28px 0 0;list-style:none}
body.reskin .stats>*{background:var(--bg-2);padding:20px 18px;margin:0;border:0!important;border-radius:0!important}
body.reskin .stats .n{font-family:var(--display);font-size:clamp(24px,3.6vw,34px);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}
body.reskin .stats .n em{color:#fff;font-style:normal;background:none;-webkit-text-fill-color:#fff}
body.reskin .stats .l{margin-top:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-weight:600}

/* hero headers */
body.reskin header{border-bottom:0}
body.reskin header.hero{background:none}
body.reskin header.hero::before,body.reskin header.hero::after{display:none}

/* section heads */
body.reskin .sec-head{border-bottom:1px solid var(--line);padding-bottom:14px}
body.reskin section{border-color:var(--line)}

/* purplex — keep tier colours, lose the purple wash */
body.reskin-purplex,body.reskin-purplex .purplex-page{background:var(--bg)!important;color:var(--fg-2)}
body.reskin-purplex .purplex-hero{background:none!important}
body.reskin-purplex .purplex-title{background:none!important;-webkit-text-fill-color:#fff;color:#fff}
body.reskin-purplex .seeker-banner{border-color:var(--line)!important;border-radius:7px;background:var(--bg-2)!important}

/* events */
body.reskin-events figure img{border-radius:7px 7px 0 0}
body.reskin-events .soon{border-color:var(--line)!important;border-radius:7px}

/* footers */
body.reskin footer{border-top:1px solid var(--line);color:var(--fg-3);font-size:13.5px;background:none}
body.reskin footer a{color:var(--fg-2);text-decoration:none}
body.reskin footer .cta{background:none!important;color:#fff!important;font-size:18px;font-weight:700;padding:0}

/* solana — hard-coded purple washes */
body.reskin-solana::before{background:radial-gradient(58% 48% at 82% -8%,rgba(229,9,20,.16),transparent 60%),radial-gradient(46% 42% at 4% 8%,rgba(255,255,255,.03),transparent 58%)}
body.reskin-solana .casework .viz{background:radial-gradient(120% 100% at 15% 0%,rgba(229,9,20,.35),transparent 60%),radial-gradient(90% 90% at 100% 100%,rgba(255,255,255,.05),transparent 60%),#0a0a0b!important;border-right-color:var(--line)!important}
body.reskin-solana .contact{background:radial-gradient(90% 120% at 100% 0%,rgba(229,9,20,.3),transparent 55%),var(--bg-2)!important;border-color:var(--line)!important;border-radius:7px}
body.reskin-solana .rgn{background:rgba(255,255,255,.06)}
body.reskin-solana .eco span,body.reskin-solana .article,body.reskin-solana .vframe{border-color:var(--line)!important;border-radius:7px}
body.reskin-solana .brand .mk{display:none}
body.reskin .stats{background:var(--line)!important;border-color:var(--line)!important}
/* the pages' own nav rules must not win over the catalogue nav */
body.reskin nav{position:fixed;display:flex;padding:16px var(--gutter);border-bottom:0;background:linear-gradient(180deg,rgba(6,6,8,.92) 0%,rgba(6,6,8,.55) 55%,transparent 100%)}
body.reskin nav.solid{background:rgba(8,8,10,.96);border-bottom:1px solid var(--line)}
body.reskin nav .navlinks{display:flex!important;gap:clamp(12px,2.4vw,30px)}
body.reskin nav .brand{color:var(--red);font-family:var(--body);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(14px,2vw,19px);display:inline;background:none;-webkit-text-fill-color:currentColor}
body.reskin nav .brand span{color:#fff;font-weight:700}
body.reskin nav .navlinks a{font-size:13.5px;font-weight:500;color:var(--fg-2)}
body.reskin nav .navlinks a.btn-w{color:#0a0a0b;font-weight:700}
@media(max-width:820px){body.reskin nav .navlinks a:not(.hide-sm){display:inline-flex!important}body.reskin nav .navlinks .menu{display:inline-flex!important}}
@media(min-width:681px){body.reskin nav .navlinks .menu{display:none!important}}

/* audit fixes */
body.reskin-solana .ecologo img,body.reskin-solana .ecowall img{filter:brightness(0) invert(1)}
body.reskin-provenance table{display:block;overflow-x:auto;max-width:100%}
body.reskin-events::before{background:none!important}
body.reskin .stats .l{font-family:var(--body)}
body.reskin .ecologo,body.reskin .eco span,body.reskin .rgn,body.reskin .btn-ghost,body.reskin .cta,body.reskin .mlink{border-radius:6px!important}
body.reskin-solana .ecologo img{height:20px;width:auto;max-width:96px}