:root {
  color-scheme: light;
  --paper: #f5f3ed;
  --error: #b42332;
  --ink: #171b24;
  --muted: #606571;
  --blue: #284ce8;
  --rule: #d9dbe0;
  --surface: #eceef2;
  --surface-alt: #eeeee9;
  --card: #ffffff;
  --field: #f0f2f6;
  --field-hover: #e8ecf2;
  --accent-fill: #284ce8;
  --button-bg: #284ce8;
  --button-hover: #1b38bd;
  --button-ink: #ffffff;
  --logo-top: #243ac1;
  --logo-bottom: #4166f5;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #101319;
  --error: #ffabb3;
  --ink: #f4f5f7;
  --muted: #b0b8c7;
  --blue: #94aaff;
  --rule: #303845;
  --surface: #1c2330;
  --surface-alt: #151b25;
  --card: #1a2230;
  --field: #252f3f;
  --field-hover: #2c3748;
  --accent-fill: #203fcf;
  --button-bg: #3656df;
  --button-hover: #2946c4;
  --button-ink: #ffffff;
  --logo-top: #7790ff;
  --logo-bottom: #a4b6ff;
}
::selection { background: #c7d7ff; color: #12244a; }