/* Kontor - generated from tokens.json by bin/tools/ds-tokens-css.py. Do not edit. */

@font-face {
  font-family: "Source Serif 4";
  src: url("fonts/source-serif-4-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --paper: #f6f1e7;
  --surface: #fffdf8;
  --surface-sunken: #ece5d6;
  --line: #d8cfbd;
  --line-strong: #857a67;
  --ink: #1c2530;
  --ink-muted: #566070;
  --brand: #1f3a5f;
  --on-brand: #fffdf8;
  --accent: #9b3a26;
  --on-accent: #fffdf8;
  --brass: #b98a2e;
  --focus: var(--brand);
  --good: #1d6b63;
  --good-soft: #dcebe6;
  --warning: #7d5200;
  --warning-soft: #f3e6c4;
  --critical: #a3271f;
  --critical-soft: #f5dcd6;
  --chart-1: #1f6aa8;
  --chart-2: #b8431f;
  --chart-3: #0a8a78;
  --chart-4: #a87a10;
  --chart-5: #8a3f8f;
  --chart-6: #5f7d1f;
  --seq-1: #d6e2ef;
  --seq-2: #a5c0dc;
  --seq-3: #6c98c4;
  --seq-4: #3a6ea3;
  --seq-5: #1f3a5f;
  --div-neg: #b8431f;
  --div-neg-soft: #e3a48f;
  --div-mid: #c9c4b8;
  --div-pos-soft: #8fb4d6;
  --div-pos: #1f6aa8;
  --font-serif: "Source Serif 4", Georgia, serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --type-display: 600 32px/36px var(--font-serif);
  --type-display-tracking: normal;
  --type-title: 600 22px/28px var(--font-serif);
  --type-title-tracking: normal;
  --type-heading: 600 16px/22px var(--font-sans);
  --type-heading-tracking: normal;
  --type-body: 400 14px/20px var(--font-sans);
  --type-body-tracking: normal;
  --type-small: 400 13px/18px var(--font-sans);
  --type-small-tracking: normal;
  --type-label: 600 11px/16px var(--font-sans);
  --type-label-tracking: 0.06em;
  --type-kpi: 500 28px/32px var(--font-mono);
  --type-kpi-tracking: normal;
  --type-num: 400 13px/20px var(--font-mono);
  --type-num-tracking: normal;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #14181c;
  --surface: #1c2228;
  --surface-sunken: #0f1215;
  --line: #323a43;
  --line-strong: #6b7783;
  --ink: #ece6d9;
  --ink-muted: #a8adb0;
  --brand: #9dbbe0;
  --on-brand: #10161c;
  --accent: #e89a80;
  --on-accent: #1a1210;
  --brass: #d4a850;
  --focus: var(--brand);
  --good: #6cc5b8;
  --good-soft: #17332f;
  --warning: #e3b341;
  --warning-soft: #3a2e10;
  --critical: #f08a7c;
  --critical-soft: #40201c;
  --chart-1: #4f96d6;
  --chart-2: #dd6a45;
  --chart-3: #2fa898;
  --chart-4: #b8881f;
  --chart-5: #b46cbb;
  --chart-6: #84993a;
  --seq-1: #24384f;
  --seq-2: #2f5580;
  --seq-3: #4478ad;
  --seq-4: #74a3d3;
  --seq-5: #b5d0ec;
  --div-neg: #dd6a45;
  --div-neg-soft: #8a4a36;
  --div-mid: #4a5057;
  --div-pos-soft: #36608c;
  --div-pos: #4f96d6;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --paper: #14181c;
    --surface: #1c2228;
    --surface-sunken: #0f1215;
    --line: #323a43;
    --line-strong: #6b7783;
    --ink: #ece6d9;
    --ink-muted: #a8adb0;
    --brand: #9dbbe0;
    --on-brand: #10161c;
    --accent: #e89a80;
    --on-accent: #1a1210;
    --brass: #d4a850;
    --focus: var(--brand);
    --good: #6cc5b8;
    --good-soft: #17332f;
    --warning: #e3b341;
    --warning-soft: #3a2e10;
    --critical: #f08a7c;
    --critical-soft: #40201c;
    --chart-1: #4f96d6;
    --chart-2: #dd6a45;
    --chart-3: #2fa898;
    --chart-4: #b8881f;
    --chart-5: #b46cbb;
    --chart-6: #84993a;
    --seq-1: #24384f;
    --seq-2: #2f5580;
    --seq-3: #4478ad;
    --seq-4: #74a3d3;
    --seq-5: #b5d0ec;
    --div-neg: #dd6a45;
    --div-neg-soft: #8a4a36;
    --div-mid: #4a5057;
    --div-pos-soft: #36608c;
    --div-pos: #4f96d6;
  }
}