/* Graemo GUI v2 — see docs/GUI-GUIDE.md. Approved baseline, 2026-09-29. */
:root{
 --gui-bg:#080808;--gui-surface:#181818;--gui-menu:#202020;--gui-control:#2c2c2c;
 --gui-light:#ededeb;--gui-white:#fff;--gui-ink:#111;--gui-text:#f5f5f5;
 --gui-muted:#aaa;--gui-muted-light:#666;--gui-line:#505050;
 --gui-accent:#acfa5b;--gui-accent-hover:#bbff78;--gui-error:#b53b32;
 --gui-font:'Taktika Sans',Arial,Helvetica,sans-serif;
 --gui-space-1:4px;--gui-space-2:8px;--gui-space-3:12px;--gui-space-4:16px;
 --gui-space-5:24px;--gui-space-6:32px;--gui-space-7:40px;--gui-space-8:64px;
 --gui-content-width:1520px;--gui-gutter:40px;
 --gui-radius:0px;--gui-control-radius:0px;--gui-menu-radius:0px;
 --gui-target:44px;--gui-menu-row:52px;
 --gui-motion:240ms;--gui-ease:cubic-bezier(.2,.8,.2,1);
}
@media(max-width:1100px){:root{--gui-gutter:24px}}
@media(max-width:600px){:root{--gui-gutter:16px}}
/* Typography scale: size / leading on a 4px baseline. */
:root{
 --gui-h1-size:48px;--gui-h1-leading:56px;
 --gui-h2-size:32px;--gui-h2-leading:40px;
 --gui-h3-size:24px;--gui-h3-leading:32px;
 --gui-h4-size:20px;--gui-h4-leading:28px;
 --gui-h5-size:18px;--gui-h5-leading:24px;
 --gui-h6-size:16px;--gui-h6-leading:24px;
 --gui-body-size:16px;--gui-body-leading:24px;
 --gui-caption-size:14px;--gui-caption-leading:20px;
}
@media(max-width:1023px){:root{
 --gui-h1-size:32px;--gui-h1-leading:40px;
 --gui-h2-size:28px;--gui-h2-leading:36px;
 --gui-h3-size:22px;--gui-h3-leading:28px;
}}