/* Cut & Glow - shared design tokens (public site AND admin). Dark = graphite + ivory, light = porcelain + ink, one bronze accent. */
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Inter-Regular.woff) format("woff")}
@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/Inter-Medium.woff) format("woff")}
@font-face{font-family:Inter;font-weight:600 700;font-style:normal;font-display:swap;src:url(/fonts/Inter-SemiBold.woff) format("woff")}
@font-face{font-family:"GFS Baskerville";font-weight:400 700;font-style:normal;font-display:swap;src:url(/fonts/GFSBaskerville.woff) format("woff")}
:root{color-scheme:dark;--bg:#232529;--bg2:#33373D;--card:#2C2F34;--line:#454A52;--ink:#F2EFE9;--mute:#A9A8A3;--gold:#C9A96B;--gold2:#DDC184;--goldtx:#DCC38A;--rose:#F0A8B3;--ok:#5CC49A;--bad:#FF8E8E;--r:3px;
 --hd:#1B1D20;--topbg:#1B1D20;--btn:#F2EFE9;--btnx:#15171A;--ring1:#E4C98F;--ring2:#A5844A;--beam:#F3E1B4;--spark:#D9BB78;--hero1:#34302A;--hero2:#1B1C1F;
 --serif:"GFS Baskerville","Iowan Old Style","Palatino Linotype",Georgia,"Noto Naskh Arabic","Segoe UI",Tahoma,serif;
 --sans:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,Roboto,Tahoma,"Noto Naskh Arabic",sans-serif}
[data-theme=light]{color-scheme:light;--bg:#F3F4F4;--bg2:#ECEDEE;--card:#FFFFFF;--line:#D9DBDD;--ink:#111214;--mute:#666A70;--gold:#B08D4F;--gold2:#C9A96B;--goldtx:#7C5F28;--rose:#B23A55;--ok:#1B8A5A;--bad:#C23B4A;
 --hd:#FFFFFF;--topbg:#FFFFFF;--btn:#111214;--btnx:#FFFFFF;--ring1:#3A3D43;--ring2:#111214;--beam:#B08D4F;--spark:#B08D4F;--hero1:#34302A;--hero2:#1B1C1F}
.cgmark{flex:none;display:block}
.logo{display:flex;align-items:center;gap:10px}
.logo .cgmark{width:30px;height:30px}
.logo span{font-family:var(--serif);letter-spacing:.3px;font-weight:400}
i.amp{font-style:normal;color:var(--gold);padding:0 .12em}
.top::after{display:none}
.brandhead{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px}
.brandhead .cgmark{width:72px;height:72px}
.brandhead h1{margin:0}
.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.themes button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:var(--r);height:64px;font-weight:500;font-size:14px}
.themes button b{display:block;font-size:20px;margin-bottom:2px;font-weight:400}
.themes button.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;color:var(--goldtx)}
.sound{background:var(--bg2);color:var(--goldtx)}
.cgtip{position:fixed;z-index:9999;pointer-events:none;opacity:0;transition:opacity .12s;background:var(--btn);color:var(--btnx);border-radius:3px;padding:6px 11px;font:500 13px/1.2 var(--sans);box-shadow:0 6px 18px rgba(0,0,0,.35);white-space:nowrap;max-width:80vw}