/* Generated by scripts/build-tokens.mjs from .claude/skills/klartext-design/tokens.json. Never edit by hand. */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Barlow-Regular.woff2') format('woff2');
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/Barlow-Medium.woff2') format('woff2');
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/Barlow-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/Barlow-Bold.woff2') format('woff2');
}
@font-face {
  font-family: "Red Hat Mono";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/RedHatMono-Variable.woff2') format('woff2');
}
:root, [data-theme="dark"] {
  color-scheme: dark;
  --bg: #0D1015;
  --surface: #141921;
  --surface-raised: #1A1F27;
  --surface-highlight: #17252A;
  --border: #2A313B;
  --border-control: #636C7A;
  --track: #232A34;
  --text: #E8EAED;
  --text-secondary: #B4BBC5;
  --text-muted: #9AA3AE;
  --accent: #5FD4C4;
  --accent-hover: #8FE5D9;
  --on-accent: var(--bg);
  --focus: #F2B266;
  --wrong: #EE6B6B;
}
[data-theme="light"] {
  color-scheme: light;
  --bg: #F6F7F9;
  --surface: #FFFFFF;
  --surface-raised: #EEF0F3;
  --surface-highlight: #E3F4F1;
  --border: #DCE0E5;
  --border-control: #7D8591;
  --track: #E4E7EB;
  --text: #12161C;
  --text-secondary: #3C4450;
  --text-muted: #5A6370;
  --accent: #0C7266;
  --accent-hover: #0A5F56;
  --on-accent: #FFFFFF;
  --focus: #A64E09;
  --wrong: #911919;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --bg: #F6F7F9;
    --surface: #FFFFFF;
    --surface-raised: #EEF0F3;
    --surface-highlight: #E3F4F1;
    --border: #DCE0E5;
    --border-control: #7D8591;
    --track: #E4E7EB;
    --text: #12161C;
    --text-secondary: #3C4450;
    --text-muted: #5A6370;
    --accent: #0C7266;
    --accent-hover: #0A5F56;
    --on-accent: #FFFFFF;
    --focus: #A64E09;
    --wrong: #911919;
  }
}
@media print {
  :root, [data-theme] {
    color-scheme: light;
    --bg: #F6F7F9;
    --surface: #FFFFFF;
    --surface-raised: #EEF0F3;
    --surface-highlight: #E3F4F1;
    --border: #DCE0E5;
    --border-control: #7D8591;
    --track: #E4E7EB;
    --text: #12161C;
    --text-secondary: #3C4450;
    --text-muted: #5A6370;
    --accent: #0C7266;
    --accent-hover: #0A5F56;
    --on-accent: #FFFFFF;
    --focus: #A64E09;
    --wrong: #911919;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 28px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 9999px;
  --ease-pan: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-pan: 1400ms;
  --duration-fade: 400ms;
  --font-sans: Barlow, "DIN 2014", system-ui, sans-serif;
  --font-mono: "Red Hat Mono", ui-monospace, monospace;
  --type-display-family: var(--font-sans);
  --type-display-size: 66px;
  --type-display-weight: 700;
  --type-display-line-height: 1.02;
  --type-display-tracking: -0.02em;
  --type-heading-family: var(--font-sans);
  --type-heading-size: 26px;
  --type-heading-weight: 600;
  --type-heading-line-height: 1.15;
  --type-heading-tracking: -0.02em;
  --type-title-family: var(--font-sans);
  --type-title-size: 22px;
  --type-title-weight: 600;
  --type-title-line-height: 1.25;
  --type-title-tracking: normal;
  --type-lead-family: var(--font-sans);
  --type-lead-size: 19px;
  --type-lead-weight: 400;
  --type-lead-line-height: 1.55;
  --type-lead-tracking: normal;
  --type-body-family: var(--font-sans);
  --type-body-size: 15px;
  --type-body-weight: 400;
  --type-body-line-height: 1.55;
  --type-body-tracking: normal;
  --type-label-family: var(--font-sans);
  --type-label-size: 14px;
  --type-label-weight: 500;
  --type-label-line-height: 1.4;
  --type-label-tracking: normal;
  --type-caption-family: var(--font-sans);
  --type-caption-size: 12px;
  --type-caption-weight: 400;
  --type-caption-line-height: 1.45;
  --type-caption-tracking: normal;
  --type-numeral-xl-family: var(--font-mono);
  --type-numeral-xl-size: 64px;
  --type-numeral-xl-weight: 500;
  --type-numeral-xl-line-height: 1;
  --type-numeral-xl-tracking: -0.03em;
  --type-numeral-family: var(--font-mono);
  --type-numeral-size: 32px;
  --type-numeral-weight: 500;
  --type-numeral-line-height: 1.1;
  --type-numeral-tracking: normal;
  --type-data-family: var(--font-mono);
  --type-data-size: 22px;
  --type-data-weight: 400;
  --type-data-line-height: 1.2;
  --type-data-tracking: normal;
  --type-eyebrow-family: var(--font-mono);
  --type-eyebrow-size: 13px;
  --type-eyebrow-weight: 400;
  --type-eyebrow-line-height: 1.4;
  --type-eyebrow-tracking: normal;
}