/* Hagen Fisbeck
   Designtokens - Richtung "Instrument".
   Erzeugt aus build/tokens.py. Nicht von Hand ändern. */

:root{
  /* Farbe - unbunte Oberfläche, Farbe nur für Evidenzgrade */
  --c-ink-900: #0A0F11;         /* Vollton. Footer, Titelflächen */
  --c-ink-800: #12191C;         /* Primärfarbe. Fließtext, Überschriften, dunkle Flächen */
  --c-ink-700: #253034;         /* Sekundärtext, Lead, Diagrammlinien */
  --c-ink-600: #3A484D;         /* Ruhige dunkle Flächen, Tabellenköpfe invers */
  --c-grey-500: #5C6A6F;        /* Metainformation, Labels, Bildunterschriften */
  --c-grey-400: #8A979B;        /* Deaktiviert, Platzhalter. Nie für Fließtext */
  --c-line-300: #DCE1E2;        /* Standardlinie. Das wichtigste Gestaltungsmittel */
  --c-line-400: #C2CACC;        /* Kräftige Trennung, Tabellenrahmen */
  --c-field-200: #EDF0F1;       /* Gefüllte Zelle, Hover, Tabellenkopf */
  --c-field-100: #F6F8F8;       /* Abgesetztes Band */
  --c-white: #FFFFFF;           /* Grundfläche der Marke */
  --c-grade-a: #0F6E6A;         /* Grad A - primär, aktuell, validiert. Zugleich die Markenfarbe */
  --c-grade-b: #2C5578;         /* Grad B - belastbar, geringe Restunsicherheit */
  --c-grade-c: #8A5F15;         /* Grad C - Proxy, Schätzung, veralteter Stand */
  --c-grade-d: #9E3521;         /* Grad D - fehlend, ungeklärt, widersprüchlich */
  --c-grade-a-tint: #E2EFEE;    /* Chip-Hintergrund Grad A */
  --c-grade-b-tint: #E4EAF0;    /* Chip-Hintergrund Grad B */
  --c-grade-c-tint: #F3EBDC;    /* Chip-Hintergrund Grad C */
  --c-grade-d-tint: #F4E4E1;    /* Chip-Hintergrund Grad D */
  --c-grade-a-bright: #4ECDC4;  /* Grad A auf dunkler Fläche */

  /* Semantische Zuweisung */
  --bg: var(--c-white);
  --bg-band: var(--c-field-100);
  --bg-field: var(--c-field-200);
  --bg-inverse: var(--c-ink-900);
  --text: var(--c-ink-800);
  --text-muted: var(--c-grey-500);
  --text-inverse: var(--c-white);
  --text-inverse-muted: #9AA6AA;
  --mark: var(--c-grade-a);
  --mark-inverse: var(--c-grade-a-bright);
  --line: var(--c-line-300);
  --line-strong: var(--c-line-400);
  --line-inverse: rgba(255,255,255,.18);
  --focus: var(--c-grade-a);

  /* Abstand - 4px-Raster */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* Typografie */
  --font-cond: "IBM Plex Sans Condensed", "IBM Plex Sans", "Segoe UI Semibold", Arial Narrow, sans-serif;
  --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --t-display-size: clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem);
  --t-display-lh: 1.02;
  --t-display-ls: -0.025em;
  --t-display-weight: 600;
  --t-display-family: var(--font-cond);
  --t-h1-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --t-h1-lh: 1.06;
  --t-h1-ls: -0.022em;
  --t-h1-weight: 600;
  --t-h1-family: var(--font-cond);
  --t-h2-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem);
  --t-h2-lh: 1.12;
  --t-h2-ls: -0.018em;
  --t-h2-weight: 600;
  --t-h2-family: var(--font-cond);
  --t-h3-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.375rem);
  --t-h3-lh: 1.25;
  --t-h3-ls: -0.006em;
  --t-h3-weight: 600;
  --t-h3-family: var(--font-sans);
  --t-h4-size: 1.0rem;
  --t-h4-lh: 1.4;
  --t-h4-ls: 0;
  --t-h4-weight: 600;
  --t-h4-family: var(--font-sans);
  --t-lead-size: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);
  --t-lead-lh: 1.6;
  --t-lead-ls: 0;
  --t-lead-weight: 400;
  --t-lead-family: var(--font-sans);
  --t-body-size: 0.9688rem;
  --t-body-lh: 1.68;
  --t-body-ls: 0;
  --t-body-weight: 400;
  --t-body-family: var(--font-sans);
  --t-small-size: 0.8438rem;
  --t-small-lh: 1.6;
  --t-small-ls: 0;
  --t-small-weight: 400;
  --t-small-family: var(--font-sans);
  --t-label-size: 0.6875rem;
  --t-label-lh: 1.3;
  --t-label-ls: 0.14em;
  --t-label-weight: 600;
  --t-label-family: var(--font-mono);
  --t-data-size: 0.8125rem;
  --t-data-lh: 1.5;
  --t-data-ls: 0;
  --t-data-weight: 400;
  --t-data-family: var(--font-mono);

  /* Kanten und Tiefe */
  --r-sm: 0;
  --r-md: 0;
  --r-lg: 0;
  --r-pill: 999px;
  --sh-card: none;
  --sh-raised: 0 12px 32px rgba(10,15,17,.10);

  /* Layout */
  --measure: 66ch;
  --container: 1240px;
  --container-narrow: 760px;
  --rail: 148px;             /* Marginalspalte für Mono-Metadaten */
}