/* Design tokens: SuperCyber brand v1 (docs/BRAND.md, D-0009). Light by default, whatever the device is set to. Dark only when the visitor uses the switch in the nav (D-0016). */
:root{
  color-scheme:light;
  --banner-bg:#14161A; --banner-fg:#F5F4F0;
  --page:#F5F4F0; --surface:#FFFFFF; --surface-2:#E9EDF3; --ink:#14161A; --mute:#565D6B; --line:#D9DEE6;
  --accent:#1F5BFF; --accent-ink:#FFFFFF; --accent-soft:#E5ECFF; --accent-text:#1747D6;
  --good:#11733F; --good-soft:#DFF3E7; --warn:#8F5300; --warn-soft:#FFF0D6; --bad:#B8202F; --bad-soft:#FCE4E7;
  --cat-email:#0A84FF; --cat-passwords:#F07000; --cat-websites:#0096B4; --cat-apps:#6E4CF5;
  --cat-code:#D62F75; --cat-infrastructure:#1F9D55; --cat-devices:#C98300; --cat-people:#E5334B;
  --shadow:0 1px 2px rgba(20,22,26,.06),0 8px 24px rgba(20,22,26,.06);
  --display:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --alert:#C4162A; --alert-ink:#FFFFFF; --brand:#2F6BFF; --brand-2:#5FE3FF; --radius:20px; --radius-sm:12px; --col:1180px;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --page:#0D0F13; --surface:#171A20; --surface-2:#20242C; --ink:#F1F3F6; --mute:#A2A9B6; --line:#2C313B;
  --accent:#3366EE; --accent-ink:#FFFFFF; --accent-soft:#18234A; --accent-text:#8EAEFF;
  --good:#46C985; --good-soft:#0F2A1C; --warn:#F2A93B; --warn-soft:#2E2210; --bad:#FF6F7C; --bad-soft:#341419;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);
}