/* v6 BRIDGE — re-skins the WORKING app pages (studio/account/admin/guide/faq/…) into the
   v6 "Clean & Minimal" identity by remapping their existing token NAMES to v6 values.
   Loaded AFTER each page's own styles. Functionality untouched.
   Game ART surfaces stay dark in both themes (README). */
@import url("v6.css?v=2201");
:root, body {
  --bg:#faf8f4; --bg2:#f3efe8; --panel:#ffffff; --elev:#ffffff;
  --line:#e7e1d6; --line2:#efeadf;
  --ink:#211d18; --muted:#6e6759; --faint:#9a927f;
  --blue:#d8532b; --violet:#d8532b; --magenta:#bf4622; --cyan:#d8532b;
  --green:#23935a; --amber:#8a6410; --line-soft:#e7e1d6; --dim:#6e6759;
  --grad:linear-gradient(135deg,#d8532b,#d8532b); --grad-steel:linear-gradient(135deg,#d8532b,#bf4622);
  --head:'Hanken Grotesk',system-ui,sans-serif; --body:'Hanken Grotesk',system-ui,sans-serif;
  --pixel:'DM Mono',ui-monospace,monospace;
  /* v6 tokens for shared components that may appear on these pages */
  --sf:#ffffff; --sf2:#f3efe8; --mut:#6e6759; --sub:#78705f;
  --acc:#d8532b; --acch:#bf4622; --accsoft:rgba(216,83,43,.09); --grn:#23935a;
  --term:#211d18; --termink:#f3efe7; --termmut:#98917f; --chip:#211d18; --chipink:#fffdf8;
  --shadow:0 1px 2px rgba(40,30,20,.05),0 12px 32px -18px rgba(40,30,20,.22);
}
body[data-t="dark"] {
  --bg:#100e0b; --bg2:#2e2922; --panel:#221e19; --elev:#221e19;
  --line:#413b31; --line2:#332e26;
  --ink:#f6f2ea; --muted:#b3aa99; --faint:#877e6d;
  --blue:#f0764a; --violet:#f0764a; --magenta:#ff8a5e; --cyan:#f0764a;
  --green:#4cc687; --amber:#d9a94a; --line-soft:#332e26; --dim:#b3aa99;
  --grad:linear-gradient(135deg,#f0764a,#f0764a); --grad-steel:linear-gradient(135deg,#f0764a,#ff8a5e);
  --sf:#221e19; --sf2:#2e2922; --mut:#b3aa99; --sub:#877e6d;
  --acc:#f0764a; --acch:#ff8a5e; --accsoft:rgba(240,118,74,.12); --grn:#4cc687;
  --term:#2b2620; --termink:#f6f2ea; --termmut:#9b927e; --chip:#f3efe7; --chipink:#211d18;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -18px rgba(0,0,0,.5);
}
body{background:var(--bg);color:var(--ink);font-family:var(--body);transition:background .3s ease,color .3s ease}
::selection{background:var(--acc);color:#fffdf8}
/* buttons on dark accents need warm-white text in v6 */
.send, .btn:not(.ghost):not(.undo):not(.block), .make { color:#fffdf8 !important; }

/* ---- studio: v6 builder chrome (identity only — flows and IDs untouched) ---- */
body > nav{background:var(--bg);backdrop-filter:none}
.brand{gap:9px}
.brand .stag{margin-left:4px}
/* the prompt composer becomes the v6 terminal card (dark in BOTH themes, like the design);
   v6.2: terminal cards carry a 1px --termline border (visible in dark, invisible in light) */
.composer,.composer:focus-within{background:var(--term);border:1px solid var(--termline);border-radius:16px;box-shadow:var(--shadow)}
textarea#prompt{color:var(--termink);font-family:'DM Mono',ui-monospace,monospace;font-size:14px}
textarea#prompt::placeholder{color:var(--termmut)}
.composer .iconbtn{color:var(--termmut)}
.composer .iconbtn:hover{color:var(--termink);background:rgba(255,253,248,.08)}
.composer .dropaff{color:var(--termmut)}
.welcome h2{font-weight:800;letter-spacing:-.03em;font-size:30px}
.welcome .big{filter:none}
.epick .ep-logo{filter:none}
.avatar{background:var(--accsoft);color:var(--acc);font-family:'Hanken Grotesk',sans-serif;font-weight:800}
.epick{background:color-mix(in srgb,var(--bg) 94%,transparent)}