/* GENERATED from web/design/tokens.json by tools/dsgen. Do not edit. */
:root{
  --border:#7A8499;
  --brand:#0B5CAD;
  --brand-hover:#084A8C;
  --danger:#B42318;
  --danger-bg:#FDEBEA;
  --info-bg:#EAF2FB;
  --ink:#14213D;
  --ink-2:#4A5568;
  --ink-3:#5B6475;
  --ok:#146C43;
  --ok-bg:#E6F4EC;
  --on-brand:#FFFFFF;
  --on-danger:#FFFFFF;
  --rule:#D5DAE4;
  --surface:#FFFFFF;
  --surface-2:#F3F5F9;
  --warn:#8A4B00;
  --warn-bg:#FFF4DE;
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:24px;
  --s-6:32px;
  --s-7:48px;
  --s-8:64px;
  --r-1:8px;
  --r-2:16px;
  --r-pill:999px;
  --t-body:1.125rem;
  --t-display:2rem;
  --t-h1:1.5rem;
  --t-h2:1.25rem;
  --t-micro:0.875rem;
  --t-small:1rem;
  --ease:cubic-bezier(.2,0,0,1);
  --m-base:200ms;
  --m-fast:120ms;
  --m-slow:320ms;
  --font-mono:ui-monospace, "SF Mono", Consolas, "Roboto Mono", monospace;
  --font-sans:system-ui, "Segoe UI", "SF Arabic", "SF Pro Text", Roboto, "Noto Naskh Arabic", "Noto Sans Arabic", sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --border:#7C89A3;
  --brand:#6FB1F5;
  --brand-hover:#9CCBF8;
  --danger:#FF8A80;
  --danger-bg:#3A1614;
  --info-bg:#1B2A47;
  --ink:#E8EDF5;
  --ink-2:#A9B4C8;
  --ink-3:#A9B4C8;
  --ok:#5FD08F;
  --ok-bg:#12301F;
  --on-brand:#0F1626;
  --on-danger:#0F1626;
  --rule:#2C3956;
  --surface:#18223A;
  --surface-2:#0F1626;
  --warn:#F2B35A;
  --warn-bg:#33260F;
}}
.sw-border{background:var(--border)}
.sw-brand{background:var(--brand)}
.sw-brand-hover{background:var(--brand-hover)}
.sw-danger{background:var(--danger)}
.sw-danger-bg{background:var(--danger-bg)}
.sw-info-bg{background:var(--info-bg)}
.sw-ink{background:var(--ink)}
.sw-ink-2{background:var(--ink-2)}
.sw-ink-3{background:var(--ink-3)}
.sw-ok{background:var(--ok)}
.sw-ok-bg{background:var(--ok-bg)}
.sw-on-brand{background:var(--on-brand)}
.sw-on-danger{background:var(--on-danger)}
.sw-rule{background:var(--rule)}
.sw-surface{background:var(--surface)}
.sw-surface-2{background:var(--surface-2)}
.sw-warn{background:var(--warn)}
.sw-warn-bg{background:var(--warn-bg)}