/* GetNative site colours: the app's Studio palettes (constants/theme.ts). Dark by default,
   light when the device prefers it, and the nav toggle (theme.js) overrides either. */
:root{--canvas:#0E0F12;--surface:#16171B;--raised:#1F2126;--hairline:#2B2D33;--fg:#F3F1EC;--muted:#B6B8BF;--subtle:#868993;--accent:#9CC2FF;--voice:#FFB547;--alert:#FF6F61;--success:#6FE3A1;--on-voice:#0E0F12;--shadow:rgba(0,0,0,.7);color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--canvas:#F5F6F8;--surface:#FFFFFF;--raised:#EAECF0;--hairline:#DADDE3;--fg:#111317;--muted:#474C56;--subtle:#676C76;--accent:#2F5BD3;--voice:#B86E00;--alert:#C93A2D;--success:#1C8752;--on-voice:#FFFFFF;--shadow:rgba(17,19,23,.14);color-scheme:light}}
:root[data-theme="light"]{--canvas:#F5F6F8;--surface:#FFFFFF;--raised:#EAECF0;--hairline:#DADDE3;--fg:#111317;--muted:#474C56;--subtle:#676C76;--accent:#2F5BD3;--voice:#B86E00;--alert:#C93A2D;--success:#1C8752;--on-voice:#FFFFFF;--shadow:rgba(17,19,23,.14);color-scheme:light}
.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--hairline);background:var(--surface);color:var(--fg);cursor:pointer}
.theme-toggle:hover{background:var(--raised)}
.theme-toggle svg{width:18px;height:18px}
.theme-toggle .sun{display:none}
:root[data-active-theme="dark"] .theme-toggle .sun{display:block}
:root[data-active-theme="dark"] .theme-toggle .moon{display:none}