/* Generated by tools/generate-brand-css.py from Brand/tokens.json. Do not edit by hand. */

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/newsreader-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/newsreader-latin-400-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/newsreader-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/public-sans-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/public-sans-latin-600-normal.woff") format("woff");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/public-sans-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
}

:root {
  color-scheme: light dark;
  --ink: #101816;
  --ink-muted: #4f5b57;
  --paper: #f2f5f4;
  --surface: #ffffff;
  --surface-sunken: #e4eae7;
  --line: #d3dcd8;
  --line-strong: #77837e;
  --emerald: #00805a;
  --on-emerald: #ffffff;
  --emerald-text: #00704f;
  --emerald-tint: #e1f0e9;
  --band-green: #4a8c2a;
  --band-yellow: #b86a12;
  --band-red: #b23a34;
  --band-green-tint: #e7f0de;
  --band-yellow-tint: #f8ead8;
  --band-red-tint: #f6e0de;
  --focus-ring: #00704f;
  --chart-1: #00805a;
  --chart-2: #5e6e86;
  --chart-3: #7fb8a3;
  --chart-4: #b3beba;
  --shadow-overlay: 0 8px 24px rgba(16, 24, 22, 0.14);
  --font-display: Newsreader, Georgia, "Times New Roman", serif;
  --font-sans: "Public Sans", Aptos, "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
  --type-display-xl-size: 56px;
  --type-display-xl-line: 1.05;
  --type-display-xl-weight: 400;
  --type-display-xl-tracking: -0.5px;
  --type-display-l-size: 40px;
  --type-display-l-line: 1.1;
  --type-display-l-weight: 400;
  --type-display-l-tracking: -0.3px;
  --type-heading-1-size: 28px;
  --type-heading-1-line: 1.2;
  --type-heading-1-weight: 500;
  --type-heading-2-size: 20px;
  --type-heading-2-line: 28px;
  --type-heading-2-weight: 600;
  --type-heading-3-size: 16px;
  --type-heading-3-line: 24px;
  --type-heading-3-weight: 600;
  --type-body-size: 15px;
  --type-body-line: 24px;
  --type-body-weight: 400;
  --type-body-sm-size: 13px;
  --type-body-sm-line: 20px;
  --type-body-sm-weight: 400;
  --type-label-size: 11px;
  --type-label-line: 16px;
  --type-label-weight: 600;
  --type-label-tracking: 0.9px;
  --type-score-xl-size: 48px;
  --type-score-xl-line: 1;
  --type-score-xl-weight: 500;
  --type-score-xl-tracking: -1px;
  --type-score-size: 20px;
  --type-score-line: 24px;
  --type-score-weight: 500;
  --type-data-size: 13px;
  --type-data-line: 20px;
  --type-data-weight: 400;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-full: 9999px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e6ecea;
    --ink-muted: #9aa6a2;
    --paper: #111413;
    --surface: #191d1c;
    --surface-sunken: #0b0d0c;
    --line: #2c3330;
    --line-strong: #6e7975;
    --emerald: #00805a;
    --on-emerald: #ffffff;
    --emerald-text: #3fbf8f;
    --emerald-tint: #10261d;
    --band-green: #7dba55;
    --band-yellow: #e59a44;
    --band-red: #e3665e;
    --band-green-tint: #18240f;
    --band-yellow-tint: #2d1f10;
    --band-red-tint: #321715;
    --focus-ring: #3fbf8f;
    --chart-1: #3fbf8f;
    --chart-2: #93a2b8;
    --chart-3: #2e8f6b;
    --chart-4: #59625f;
    --shadow-overlay: 0 8px 24px rgba(0, 0, 0, 0.5);
  }
}