:root {
    color-scheme:light;
    --primary-color:#7c15a7;
    --accent-color:#b710c2;
    --brand-soft-color:#d894ff;
    --text-color:#1f2937;
    --muted-color:#667085;
    --page-bg:#f7f5fb;
    --panel-bg:#ffffff;
    --panel-soft-bg:#fbf7ff;
    --line-color:#e2d7eb;
    --header-bg:#ffffff;
    --cta-bg:#7c15a7;
    --cta-text:#ffffff;
    --cta-hover:#9414af;
    --font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --font-heading:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;
    --font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
}
:root[data-theme="dark"] {
    color-scheme:dark;
    --primary-color:#d894ff;
    --text-color:#e5e7eb;
    --muted-color:#b9a9c8;
    --page-bg:#130817;
    --panel-bg:#1b1022;
    --panel-soft-bg:#24142e;
    --line-color:#382244;
    --header-bg:#170b1d;
    --cta-bg:#d894ff;
    --cta-text:#171c18;
    --cta-hover:#e2b5ff;
}
.brand-logo { display:inline-flex; align-items:center; flex:none; gap:10px; min-height:48px; text-decoration:none; }
.brand-horizontal { display:block; width:159px; height:44px; object-fit:contain; }
.brand-on-dark { display:none; }
:root[data-theme="dark"] .brand-on-light { display:none; }
:root[data-theme="dark"] .brand-on-dark { display:block; }
header .brand-logo { margin-right:auto; }
header .theme-toggle { min-height:42px; padding:8px 12px; border-color:var(--line-color); background:var(--panel-bg); color:var(--text-color); font:700 13px/1.4 var(--font-mono); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }