/* Text links in dark use Light Blue (#55beff, the dark `info` token): Electric Blue on #0b0b0b is < 4.5:1.
   Tokens from docs/design/STYLES.md (gsj-light / gsj-dark). Do not add values here without changing STYLES.md first. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter/inter-latin.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  color-scheme: light;
  --bg: #ffffff; --surface: #f5f5f5; --raised: #ededed; --line: #d6d6d6;
  --text: #0b0b0b; --muted: #4a4a4a; --faint: #6b6b6b;
  --accent: #0052ef; --link: #0052ef; --cta: #f36458; --cta-text: #0b0b0b;
  --error: #c4140a; --success: #0f7b3e; --warning: #9a5b00; --info: #0052ef;
  --r-field: 3px; --r-subtle: 5px; --r-box: 6px; --r-pill: 99999px;
  --font: "Inter", ui-sans-serif, system-ui, sans-serif;
  --maxw: 72rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0b0b0b; --surface: #161616; --raised: #212121; --line: #353535;
    --text: #ffffff; --muted: #b9b9b9; --faint: #797979;
    --error: #ff4d3d; --success: #37cd84; --warning: #f5b544; --info: #55beff; --link: #55beff;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0b0b; --surface: #161616; --raised: #212121; --line: #353535;
  --text: #ffffff; --muted: #b9b9b9; --faint: #797979;
  --error: #ff4d3d; --success: #37cd84; --warning: #f5b544; --info: #55beff; --link: #55beff;
}