/* /info landing (content/site.html) in the 2026-10-08 redesign (mockups 08 tokenomics, 09 about): loaded after
   styles.css. Same paper/ink/orange palette as the game, heavy grotesk headings, monospace labels. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{--bg:#F4F0E7;--panel:#FBF9F4;--line:#D8D1C3;--text:#19201D;--muted:#5E655F;--mint:#F4572A;--purple:#C63D14;--blue:#C63D14;
 --accent:#F4572A;--accent-text:#C63D14;--ink:#19201D;--night:#15191A;--display:'Archivo',Inter,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;color-scheme:light}
html,body{background:var(--bg)}
body{color:var(--text)}
h1,h2,h3{font-family:var(--display);font-weight:900;letter-spacing:-.04em;color:var(--text)}
h3{font-weight:800;letter-spacing:-.02em}
p{color:var(--muted)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.eyebrow,.mono,small{font-family:var(--mono)}
.eyebrow{color:var(--accent-text)!important;letter-spacing:.12em}
.status-light{background:var(--accent)!important;box-shadow:none!important}
/* header */
.header{border-bottom:1px solid var(--line)}
.brand-icon{color:var(--accent)}
.brand,.brand b{color:var(--text)}
.header nav{color:var(--text)}
.header nav a:hover,.text-link:hover{color:var(--accent-text)}
.small-button{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}
.lang{color:var(--muted)}
/* buttons */
.button,.button.primary,button.primary{border-radius:6px}
.button.primary,button.primary,.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;box-shadow:none}
.button:not(.primary){background:#fff;color:var(--text);border:1px solid var(--text)}
.text-link{color:var(--text);text-decoration:underline;text-underline-offset:4px}
/* hero (mockup 09) */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px}
.hero h1{font-size:clamp(52px,6vw,96px);line-height:.92;letter-spacing:-.05em}
.lead{font-family:var(--mono);font-size:17px;color:var(--text)}
.hero-note{color:var(--muted)}
.note-mark{border-color:var(--text)!important;color:var(--text)!important}
.hero-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-stats strong{font-family:var(--display);font-weight:900;color:var(--text)}
.hero-stats span{font-family:var(--mono);color:var(--muted)}
.hero-art{background:var(--night)!important;border:1px solid #33393A!important;border-radius:6px;color:#e9e7e2;overflow:hidden}
.hero-art img{image-rendering:pixelated}
.hero-art img.hero-wide{width:100%;height:auto;aspect-ratio:932/415;object-fit:cover;image-rendering:auto}
.art-top,.art-bottom{color:#e9e7e2}
.art-top .mono{color:var(--accent)}
.motion{color:#e9e7e2!important}
.art-bottom small,.art-caption{color:#b9b5ad!important}
.art-bottom strong,.art-bottom b{color:#fff}
/* sections */
.work-section,.roadmap-section{background:var(--panel)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip{background:var(--night)!important;color:#e9e7e2}
.strip *{color:#e9e7e2}
.section-heading p{color:var(--muted)}
input,textarea{background:#fff!important;color:var(--text)!important;border:1px solid #C9C1B1!important;border-radius:6px}
.chip,.badge,[class*="pill"]{background:#ECE6DA;color:var(--text);border-color:var(--line)}
/* six classes grid */
.rig-card{background:var(--night)!important;border:2px solid #33393A!important;border-radius:6px;overflow:hidden}
.rig-card[aria-pressed="true"]{border-color:var(--accent)!important}
.rig-card img{image-rendering:pixelated}
.rig-info{background:var(--panel);color:var(--text)}
.rig-info strong{font-family:var(--display);font-weight:800;color:var(--text)}
.rig-info span,.rig-info em{font-family:var(--mono);color:var(--accent-text)}
/* economy (mockup 08) */
#economy{position:relative}
.econ-art{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:-40px;pointer-events:none}
.econ-art img{width:min(30%,380px);height:auto}
#economy [class*="panel"],#economy [class*="card"],#economy [class*="box"],.calc,.supply{background:var(--panel)!important;border-color:var(--line)!important}
#economy strong{color:var(--text)}
#economy [class*="big"],#economy .supply strong{font-family:var(--display);font-weight:900}
.plant-band{margin-top:10px;margin-bottom:-6px}
.plant-band img{display:block;width:100%;max-width:820px;margin-left:auto;height:auto;opacity:.95}
/* bars, roadmap, faq, footer */
[class*="bar"] i,[class*="bar"]>span,[class*="meter"] i{background:var(--accent)!important}
.roadmap-section h3,.faq-section summary{color:var(--text)}
details{border-color:var(--line)!important}
summary{color:var(--text)}
.fleet{background:var(--night)}
footer,.footer{background:var(--bg);color:var(--muted);border-top:1px solid var(--line)}
footer a,.footer a{color:var(--text)}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.econ-art{margin-bottom:0}}
@media(max-width:760px){.econ-art img{width:46%}.plant-band img{max-width:100%}}

.fleet-caption span:first-child{color:var(--accent)!important}
.fleet-caption span{color:#d9d4cb!important}

/* ---------- dark theme for /info (switch in the header, theme.js) ---------- */
.theme-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:6px;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer}
.theme-toggle .ico-sun{display:none}
:root[data-theme="dark"] .theme-toggle .ico-sun{display:block}
:root[data-theme="dark"] .theme-toggle .ico-moon{display:none}
:root[data-theme="dark"]{color-scheme:dark;--bg:#121617;--panel:#1A1F21;--line:#2C3335;--text:#ECE9E2;--muted:#A3A9A4;--accent-text:#FF7E55;--purple:#FF7E55;--blue:#FF7E55}
:root[data-theme="dark"] input,:root[data-theme="dark"] textarea{background:#1A1F21!important;color:var(--text)!important;border-color:#3A4345!important}
:root[data-theme="dark"] .button:not(.primary){background:#1A1F21;color:var(--text);border-color:var(--text)}
:root[data-theme="dark"] .chip,:root[data-theme="dark"] .badge,:root[data-theme="dark"] [class*="pill"]{background:#242B2D;color:var(--text)}
:root[data-theme="dark"] .plant-band img,:root[data-theme="dark"] .econ-art img{filter:brightness(.85)}
/* ---------- /info live MSYS tokenomics (2026-10-09) ---------- */
.msys-bar span{flex:none!important}
.msys-bar span:nth-child(1){background:var(--accent)!important}
.msys-bar span:nth-child(2){background:#39b6e6!important}
.msys-bar span:nth-child(3){background:#19201D!important;flex:1!important}
:root[data-theme="dark"] .msys-bar span:nth-child(3){background:#ECE9E2!important}
.swatch.mint{background:var(--accent)!important}.swatch.blue{background:#39b6e6!important}.swatch.purple{background:#19201D!important}
:root[data-theme="dark"] .swatch.purple{background:#ECE9E2!important}
.alloc-note{margin:-6px 0 12px!important;font-size:13px}
.fee-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1000px){.fee-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.fee-grid{grid-template-columns:1fr!important}}
#economy .tag + p a{color:var(--accent-text);text-decoration:underline}
.econ-art{margin-bottom:12px!important}