/* Generated by brand/apply.py from brand.json "ui". Don't edit: change brand.json and run apply.py. */
@font-face { font-family: "Familjen Grotesk"; src: url("fonts/familjen-grotesk-latin-wght-normal.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("fonts/public-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: dark;
  --w-bg: #0B1522;
  --w-bg-2: #0F1C2E;
  --w-surface: #142338;
  --w-surface-2: #1A2C45;
  --w-line: #22344D;
  --w-line-2: #2C4260;
  --w-text: #EAF0F6;
  --w-muted: #9AABBF;
  --w-link: #8DB3E2;
  --w-accent: #F2B705;
  --w-accent-hover: #FFC81F;
  --w-accent-ink: #111111;
  --w-good: #4CC38A;
  --w-warn: #F2B65A;
  --w-bad: #F0776B;
  --w-font-head: "Familjen Grotesk", ui-sans-serif, system-ui, sans-serif;
  --w-font-body: "Public Sans", ui-sans-serif, system-ui, sans-serif;
  --w-r-control: 10px;
  --w-r-card: 14px;
  --w-navy: #24456B;
}
:root[data-theme="light"] {
  color-scheme: light;
  --w-bg: #F4F6F9;
  --w-bg-2: #EBEFF4;
  --w-surface: #FFFFFF;
  --w-surface-2: #F0F3F7;
  --w-line: #DCE3EC;
  --w-line-2: #C9D3DF;
  --w-text: #121A24;
  --w-muted: #5B6B7D;
  --w-link: #24456B;
  --w-accent: #F2B705;
  --w-accent-hover: #E0A800;
  --w-accent-ink: #111111;
  --w-good: #1F8A5B;
  --w-warn: #9A6200;
  --w-bad: #C2392F;
}
/* Always dark, whatever the light switch says: the shared header (the website is dark). */
.w-dark, :root[data-theme="light"] .w-dark {
  color-scheme: dark;
  --w-bg: #0B1522;
  --w-bg-2: #0F1C2E;
  --w-surface: #142338;
  --w-surface-2: #1A2C45;
  --w-line: #22344D;
  --w-line-2: #2C4260;
  --w-text: #EAF0F6;
  --w-muted: #9AABBF;
  --w-link: #8DB3E2;
  --w-accent: #F2B705;
  --w-accent-hover: #FFC81F;
  --w-accent-ink: #111111;
  --w-good: #4CC38A;
  --w-warn: #F2B65A;
  --w-bad: #F0776B;
}