:root{
  --ground:#F2F4F8;
  --surface:#FFFFFF;
  --surface-2:#E9EDF4;
  --surface-3:#DFE5EF;
  --ink:#10182B;
  --ink-2:#4A5670;
  --ink-3:#78849D;
  --line:#D2DAE7;
  --line-strong:#B6C2D6;
  --accent:#1B4FA0;
  --accent-hover:#153E80;
  --accent-soft:#DEE8F8;
  --accent-ink:#FFFFFF;
  --mark:#C93B24;
  --mark-soft:#FAE4DF;
  --good:#1B7355;
  --good-soft:#DCEFE7;
  --warn:#9A6A00;
  --warn-soft:#FBEFD2;
  --shadow:0 1px 2px rgba(16,24,43,.06), 0 8px 24px -12px rgba(16,24,43,.18);
  --radius:8px;
  --radius-sm:5px;
  --f-display:"Spectral", Georgia, "Times New Roman", serif;
  --f-body:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0B0F17;
    --surface:#141A26;
    --surface-2:#1C2432;
    --surface-3:#252F40;
    --ink:#E9EEF6;
    --ink-2:#A6B2C6;
    --ink-3:#74809A;
    --line:#28313F;
    --line-strong:#3A4658;
    --accent:#77A6EF;
    --accent-hover:#98BCF5;
    --accent-soft:#182740;
    --accent-ink:#0B0F17;
    --mark:#F1795A;
    --mark-soft:#33201C;
    --good:#4FC49A;
    --good-soft:#12291F;
    --warn:#E3B341;
    --warn-soft:#332B12;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --ground:#0B0F17;
  --surface:#141A26;
  --surface-2:#1C2432;
  --surface-3:#252F40;
  --ink:#E9EEF6;
  --ink-2:#A6B2C6;
  --ink-3:#74809A;
  --line:#28313F;
  --line-strong:#3A4658;
  --accent:#77A6EF;
  --accent-hover:#98BCF5;
  --accent-soft:#182740;
  --accent-ink:#0B0F17;
  --mark:#F1795A;
  --mark-soft:#33201C;
  --good:#4FC49A;
  --good-soft:#12291F;
  --warn:#E3B341;
  --warn-soft:#332B12;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.7);
}