:root {
  color-scheme: light;
  --brand-950:#061a36;
  --brand-900:#0a2348;
  --brand-800:#0b3266;
  --brand-700:#0d4f9f;
  --brand-600:#1268d7;
  --brand-500:#1677ff;
  --brand-100:#e9f2ff;
  --brand-50:#f4f8ff;
  --canvas:#f4f7fb;
  --surface:#ffffff;
  --surface-raised:#ffffff;
  --surface-soft:#f8fbff;
  --surface-input:#ffffff;
  --text:#20344f;
  --text-strong:#071d3d;
  --muted:#6d7f95;
  --line:#dce5ef;
  --line-strong:#c7d5e5;
  --sidebar:#071f3f;
  --sidebar-hover:#0b315e;
  --sidebar-active:#0d5fc1;
  --sidebar-text:#d4e0ef;
  --sidebar-muted:#8fa6bf;
  --green:#199b5b;
  --green-soft:#e8f8ef;
  --yellow:#d89300;
  --yellow-soft:#fff4d6;
  --red:#df4444;
  --red-soft:#fff0f0;
  --blue:#1268d7;
  --blue-soft:#eaf3ff;
  --grey:#77879a;
  --grey-soft:#eef2f6;
  --shadow-sm:0 1px 2px rgba(20,45,78,.04),0 7px 20px rgba(20,45,78,.055);
  --shadow-md:0 18px 50px rgba(20,45,78,.14);
  --radius-sm:9px;
  --radius-md:13px;
  --radius-lg:18px;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --canvas:#08131f;
  --surface:#0e1d2d;
  --surface-raised:#122437;
  --surface-soft:#0b1928;
  --surface-input:#0a1725;
  --text:#d9e4ef;
  --text-strong:#f5f8fb;
  --muted:#8ea3b8;
  --line:#21384d;
  --line-strong:#315069;
  --sidebar:#061523;
  --sidebar-hover:#0b2943;
  --sidebar-active:#0f5bb5;
  --green-soft:#133625;
  --yellow-soft:#382f15;
  --red-soft:#3a1d21;
  --blue-soft:#102b4a;
  --grey-soft:#243342;
  --shadow-sm:0 8px 22px rgba(0,0,0,.18);
  --shadow-md:0 20px 55px rgba(0,0,0,.35);
}