/* Referenznullpunkt – Design-Tokens (helles Theme), erzeugt aus tokens.json des Design Systems. */

@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-700-normal.woff2") format("woff2"); }
@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;
  --surface: #f4f6f7;
  --surface-raised: #ffffff;
  --surface-sunken: #e8ecee;
  --surface-petrol: #0d4855;
  --ink: #182126;
  --ink-muted: #4f5f68;
  --ink-subtle: #74858f;
  --petrol: #017084;
  --petrol-deep: #015b6b;
  --petrol-soft: #dcecf0;
  --on-petrol: #ffffff;
  --on-surface-petrol: #ffffff;
  --on-surface-petrol-muted: #c5d8de;
  --signal: #f2a900;
  --signal-deep: #b87400;
  --signal-text: #8a5a00;
  --on-signal: #182126;
  --steel: #5c6f79;
  --steel-light: #b8c4ca;
  --illustration-dark: #182126;
  --line: #c9d2d7;
  --line-strong: #74858f;
  --status-ok: #2e7d32;
  --status-warn: #8a5a00;
  --status-fault: #c62828;
  --status-ok-soft: #eaf6eb;
  --status-warn-soft: #fdf0d0;
  --status-fault-soft: #fbe2e2;
  --link: var(--petrol);
  --focus-ring: #b87400;
  --font-sans: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-round: 999px;
  --shadow-none: none;
  --shadow-float: 0 8px 24px rgba(24,33,38,0.12);
  --hairline: 1px;
  --rule: 2px;
  --stroke-illustration: 1.5px;
  --stroke-pipe: 3px;
  --measure-page: 1200px;
  --measure-prose: 68ch;
  --measure-narrow: 560px;
  --tap-min: 44px;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 600ms;
}