@font-face {
  font-family: "Kairo Text";
  src: url("/static/tenant/text.woff2?v=8f34f6aeb6d0") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --background: #F8F9FC;
  --surface: #FFFFFF;
  --wash: #EEEAF4;
  --inverse: #0F172A;
  --ink: #0F172A;
  --muted: #475569;
  --subtle: #5B6577;
  --line: #CBD5E1;
  --line-soft: #E2E8F0;
  --accent: #5B2182;
  --accent-text: #5B2182;
  --on-accent: #FFFFFF;
  --danger: #B91C1C;
  --danger-wash: #FEF2F2;
  --ok: #047857;
  --ok-wash: #ECFDF5;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --background: #09080E;
  --surface: #15131E;
  --wash: #221D2E;
  --inverse: #242033;
  --ink: #F8FAFC;
  --muted: #B4BECD;
  --subtle: #949FB1;
  --line: #3A3348;
  --line-soft: #262133;
  --accent: #8E51C4;
  --accent-text: #C9A2F0;
  --on-accent: #FFFFFF;
  --danger: #F87171;
  --danger-wash: #2D1115;
  --ok: #34D399;
  --ok-wash: #0B2E22;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #09080E;
    --surface: #15131E;
    --wash: #221D2E;
    --inverse: #242033;
    --ink: #F8FAFC;
    --muted: #B4BECD;
    --subtle: #949FB1;
    --line: #3A3348;
    --line-soft: #262133;
    --accent: #8E51C4;
    --accent-text: #C9A2F0;
    --on-accent: #FFFFFF;
    --danger: #F87171;
    --danger-wash: #2D1115;
    --ok: #34D399;
    --ok-wash: #0B2E22;
    color-scheme: dark;
  }
}