/* THEME.CSS — landing look applied site-wide (dark, flat, editorial). Loaded last. */
:root{
  color-scheme:dark;
  --white:#0b0809; --off:#121011; --surface:#171415;
  --border:rgba(255,255,255,.12); --border2:rgba(255,255,255,.26);
  --text:#f4eeea; --text2:#d3c7c4; --muted:#a99c9b;
  --coral:#f0a47c; --coral-dk:#f4eeea; --coral-tx:#f0a47c; --peach:#f0a47c; --burnt:#f0a47c; --rose:#f0a47c; --lavender:#c9a9d4;
  --btn-coral:#f4eeea; --btn-coral-h:#ffffff;
  --accent:#f0a47c; --paper:#f4eeea; --ink:#120b0d;
  --radius:3px;
}
html{background:var(--white)}
body{background:var(--white);color:var(--text)}
::selection{background:var(--accent);color:var(--ink)}

/* No gloss: flat surfaces, hairlines, small radii */
*{box-shadow:none!important;text-shadow:none!important}
[class*="card"],[class*="box"],[class*="panel"],.badge,.acard,.cat,.wiki-cat,.wcat,.sidebar-nav a,.callout,.infobox,.toc,.tbl,table{border-radius:3px}
[style*="border-radius"]{border-radius:3px!important}

/* Buttons: flat paper / outline, no slanted clip-paths */
.btn-p,.btn-s,.btn-ghost,.nav-cta,.btn,button[class*="btn"],a[class*="btn"]{clip-path:none!important;border-radius:3px}
.btn-p,a.btn-p,button.btn-p{background:var(--paper)!important;color:var(--ink)!important;border:1px solid transparent}
.btn-p:hover{background:#fff!important;transform:none!important}
.btn-s,.btn-ghost{background:transparent!important;color:var(--text)!important;border:1px solid var(--border2)!important}
.btn-s:hover,.btn-ghost:hover{border-color:var(--text)!important;background:rgba(255,255,255,.06)!important;transform:none!important}

/* Gradients -> flat */
[class*="hero"]::before,[class*="hero"]::after{background-image:none}
.grad,.accent{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--accent)!important}

/* Links in prose */
.article a,.prose a,.wiki-content a,.content a,main p a{color:var(--accent)}
.article a:hover,.prose a:hover,.wiki-content a:hover,.content a:hover,main p a:hover{text-decoration:underline;text-underline-offset:3px}

/* Typography rhythm */
h1,h2,h3{text-wrap:balance}

/* Inputs */
input,textarea,select{background:var(--off);color:var(--text);border:1px solid var(--border2);border-radius:3px}
input::placeholder,textarea::placeholder{color:var(--muted)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}

/* Code / tables */
table{border-collapse:collapse}
th,td{border-color:var(--border)!important}
th{background:var(--off)}
tr:nth-child(even) td{background:rgba(255,255,255,.02)}
code,pre{background:var(--off);color:var(--text);border:1px solid var(--border)}

/* Footer */
footer{background:var(--off)!important;border-top:1px solid var(--border)!important;color:var(--muted)}
footer a{color:var(--muted)}footer a:hover{color:var(--text)}

/* Ticker */
.ticker{background:var(--off)!important;border:0!important;border-block:1px solid var(--border)!important}
.ticker .titem,.ticker span{color:var(--muted)!important}
.tdot{background:var(--accent)!important}

/* Reveal helper used by nav.js: keep opacity-only */
.acard,.wiki-cat,.wiki-stat-item{transform:none!important}

/* ── Dark bands that used var(--text) as a background (now a light token) ── */
.ctaband,.infobox-header,.wiki-table thead tr,.po-hero,.tr-hero,.po-ed.feat,.po-bonus-card{background:var(--off)!important;color:var(--text)}
.po-hero,.tr-hero,.po-bonus-card,.po-ed.feat{border-bottom:1px solid var(--border)}
.po-ed.feat{border:1px solid var(--accent)!important}
.po-hero::before,.po-hero::after,.tr-hero::before,.tr-hero::after,.ctaband::before,.ctaband::after,.wiki-banner::before,.wiki-banner::after,.po-ed.feat::before,.po-bonus-card::before,.po-bonus-card::after{background:none!important}

/* ── Gradient text -> single accent ── */
.ctaband h2 .ac,.wiki-banner-title .accent,.site-page-h1 .accent,.po-h1 .ac,.tr-h1 .ac,.po-ed.feat .po-ed-name,.po-bonus-side h3 span{
  background:none!important;-webkit-text-fill-color:var(--accent)!important;color:var(--accent)!important}

/* ── Gradient fills/tags -> flat ── */
.stat-fill,.acard::before,.po-ed-tag{background:var(--accent)!important}
.po-ed-tag{color:var(--ink)!important;border-radius:2px!important}
.po-live{background:transparent!important;border:1px solid var(--border2);color:var(--text)!important}
.wiki-banner{background:var(--white)!important}

/* ── Pills -> small flat tags ── */
.badge,[class*="pill"],[class*="chip"],[class*="tag"]{border-radius:2px}


/* Bebas Neue has a single weight: never fake a bold */
html{font-synthesis-weight:none}

/* ── SVG line icons (replace emoji) ── */
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.16em;flex:none}
.nav-icon,.sri-icon,.cicon,.wicon,.wcat-icon,.cat-icon,.wiki-banner-icon,.site-page-icon,.cat-banner-icon,.banner-icon{color:var(--accent)}
.nav-icon .ico{width:15px;height:15px}
.cicon .ico,.wcat-icon .ico,.cat-banner-icon .ico,.wiki-banner-icon .ico,.site-page-icon .ico,.banner-icon .ico{width:28px;height:28px}
.infobox-img-placeholder .ico{width:56px;height:56px;color:var(--muted)}
.sri-icon .ico{width:18px;height:18px}