/* ============================================================================
   Gruff — the light skin of the same v0.94/v0.95 shell (Gruff spec v0.96 §0.1, prototype Gruff_v0.96).
   Loaded on every page AFTER v94.css; every rule is scoped to html[data-brand="gruff"], so Stargazer is untouched.
   Tokens: bg #FFF8EC, sheet #FFFFFF, text #2B2320, muted #6B5E55, faint #A09284, accent #C77A1E (fill #F6D9A8),
   buy #2FA36B, sell #E0566B; axes ink / tan / pink #F2A7B8 / mint #9ED8C3. Nunito 800 for brand, headings and
   buttons; Inter for numbers and text; Comic Neue only in stickers. */
html[data-brand="gruff"]{color-scheme:light;
 --bg:#FFF8EC;--sheet:#FFFFFF;--tx:#2B2320;--mu:#6B5E55;--fa:#A09284;--acc:#C77A1E;--accfill:#F6D9A8;
 --pink:#F2A7B8;--mint:#9ED8C3;--butter:#FBE7A1;
 --line:rgba(43,35,32,.09);--dash:rgba(43,35,32,.07);--accbg:rgba(199,122,30,.1);--accln:rgba(199,122,30,.4);
 --k1:#2B2320;--k2:#E0A85A;--k3:#F2A7B8;--k4:#9ED8C3;
 --buy:#2FA36B;--sell:#E0566B}
html[data-brand="gruff"],html[data-brand="gruff"] body{background:var(--bg);color:var(--tx)}
html[data-brand="gruff"] .z-sky{background:none}
html[data-brand="gruff"] .z-app,html[data-brand="gruff"] .z-menu-ov,html[data-brand="gruff"] .z-sheet,html[data-brand="gruff"] .z-toast{color:var(--tx)}

/* Nunito 800 where the prototype uses it: brand, crumb, buttons, titles, hero numbers, tiles, menu. */
html[data-brand="gruff"] :is(.z-logo,.z-crumb,.z-btn,.z-btn2.z-l,.z-ttl,.z-rvh,.z-mlist a,.z-mlist button,.z-thead2 .z-nm,.z-hero b,.z-big,.z-pn,.z-tile .z-tk,.z-tile .z-em,.z-h1,.z-pname){font-family:'Nunito','Inter',system-ui,sans-serif;font-weight:800}
html[data-brand="gruff"] .z-logo{letter-spacing:.22em}
html[data-brand="gruff"] .z-logo img{width:32px;height:auto;border-radius:0}

/* Pack avatars (one of three doges, chosen by the address hash) and the plain avatar disc on a light sheet. */
html[data-brand="gruff"] .z-av{background:var(--accfill);color:var(--tx)}
html[data-brand="gruff"] .z-av.z-doge{background:#fff;border:1px solid var(--line);overflow:hidden}
html[data-brand="gruff"] .z-av.z-doge img{width:100%;height:100%;object-fit:cover;display:block}

/* doge-speak stickers: only in empty states, Done screens, the welcome and while loading (spec §0.1). */
html[data-brand="gruff"] .z-stks{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0;margin-bottom:var(--s1)}
html[data-brand="gruff"] .z-stk{display:inline-block;font-family:'Comic Neue','Comic Sans MS',cursive;font-weight:700;font-size:var(--f2);color:var(--tx);padding:4px 12px;border-radius:100px;transform:rotate(-3deg);margin:0 6px 6px 0}
html[data-brand="gruff"] .z-stk.z-s1{background:var(--accfill)}
html[data-brand="gruff"] .z-stk.z-s2{background:var(--pink)}
html[data-brand="gruff"] .z-stk.z-s3{background:var(--mint)}
html[data-brand="gruff"] .z-stk.z-s4{background:var(--butter)}
html[data-brand="gruff"] .z-stks.z-c{justify-content:center;padding:var(--s2) 0 0}

/* Welcome sheet (spec §0.4): the big number and the two actions. */
html[data-brand="gruff"] .z-welcome{text-align:center;padding:var(--s2) 0}
html[data-brand="gruff"] .z-welcome .z-big{font-size:var(--f5);line-height:1.1;margin:var(--s2) 0 var(--s1)}
html[data-brand="gruff"] .z-welcome img{width:96px;height:auto;margin:0 auto}

/* Light-theme fixes for pieces the dark shell styled with fixed colours. */
html[data-brand="gruff"] .z-pill{background:var(--accbg);color:var(--tx)}
html[data-brand="gruff"] .z-pill.z-acc{background:var(--accfill);color:var(--tx)}
html[data-brand="gruff"] .z-btn{background:var(--tx);color:#fff}
html[data-brand="gruff"] .z-btn:hover{background:#3b312d}
html[data-brand="gruff"] .z-btn2{border-color:var(--line);color:var(--tx)}
html[data-brand="gruff"] .z-btn2.z-act{background:var(--accfill);border-color:transparent}
html[data-brand="gruff"] .z-up{color:var(--buy)}
html[data-brand="gruff"] .z-dn{color:var(--sell)}
html[data-brand="gruff"] .z-search,html[data-brand="gruff"] .z-inp,html[data-brand="gruff"] .z-amt input{background:#fff;color:var(--tx);border-color:var(--line)}
html[data-brand="gruff"] .z-menu-ov{background:var(--bg)}
html[data-brand="gruff"] .z-sheet{background:rgba(43,35,32,.35)}
html[data-brand="gruff"] .z-sh{background:var(--sheet)}
html[data-brand="gruff"] .z-legacy{color:var(--tx)}
html[data-brand="gruff"] .z-legacy .table,html[data-brand="gruff"] .z-legacy .muted{color:var(--mu)}

/* Sign-in page (AccountLayout, static SSR): the dark-page colours of its scoped CSS inverted for the light skin. */
html[data-brand="gruff"] .auth-page{background:var(--bg);color:var(--tx)}
html[data-brand="gruff"] .auth-divider{background:linear-gradient(to bottom,transparent,rgba(43,35,32,.18),transparent)}
html[data-brand="gruff"] .brand-tagline{color:var(--mu)}
html[data-brand="gruff"] .auth-loading{color:var(--mu)}
html[data-brand="gruff"] .app-logo-gruff{max-block-size:120px}
html[data-brand="gruff"] .brand-name-gruff{font-family:'Nunito','Inter',system-ui,sans-serif;font-weight:800;font-size:34px;letter-spacing:.22em;color:var(--tx)}
@media (max-width:900px){
 html[data-brand="gruff"] .auth-divider{background:linear-gradient(to right,transparent,rgba(43,35,32,.18),transparent)}
 html[data-brand="gruff"] .brand-name-gruff{font-size:26px}
}