: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:#ffffff;
  --canvas-alt:#f5f8fc;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --text:#10233f;
  --text-strong:#061b3a;
  --muted:#61728a;
  --line:#dce5ef;
  --line-strong:#c7d5e5;
  --green:#1ea764;
  --green-soft:#e8f8ef;
  --yellow:#e5a400;
  --yellow-soft:#fff6dc;
  --red:#e44747;
  --red-soft:#fff0f0;
  --maintenance:#3273dc;
  --maintenance-soft:#edf4ff;
  --shadow-sm:0 1px 2px rgba(21,45,78,.05),0 6px 18px rgba(21,45,78,.06);
  --shadow-md:0 16px 45px rgba(21,45,78,.12);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
}