/* Design-Tokens: Code Hive GmbH, Fassung 1.0. Erzeugt von brand-styleguide/build.py. Nicht von Hand ändern, JSON ändern. */
:root {
  color-scheme: light dark;
  --font-display: 'Ardela Edge', 'Archivo Black', Impact, sans-serif;
  --font-text: 'Open Sans', 'Segoe UI', Arial, sans-serif;
  --type-h1-size: clamp(1.85rem, 1.85rem + 3.80vw, 3.75rem);
  --type-h1-line: 1.02;
  --type-h1-tracking: -0.01em;
  --type-h1-weight: 800;
  --type-h2-size: clamp(1.45rem, 1.45rem + 2.30vw, 2.6rem);
  --type-h2-line: 1.06;
  --type-h2-tracking: -0.008em;
  --type-h2-weight: 800;
  --type-h2-mittel-size: clamp(1.25rem, 1.25rem + 1.30vw, 1.9rem);
  --type-h2-mittel-line: 1.1;
  --type-h2-mittel-tracking: 0em;
  --type-h2-mittel-weight: 800;
  --type-h3-size: clamp(1.1rem, 1.1rem + 0.40vw, 1.3rem);
  --type-h3-line: 1.3;
  --type-h3-tracking: 0em;
  --type-h3-weight: 700;
  --type-lead-size: clamp(1.1rem, 1.1rem + 0.40vw, 1.3rem);
  --type-lead-line: 1.55;
  --type-lead-tracking: 0em;
  --type-lead-weight: 400;
  --type-fliesstext-size: clamp(1.0rem, 1.0rem + 0.12vw, 1.0625rem);
  --type-fliesstext-line: 1.65;
  --type-fliesstext-tracking: 0em;
  --type-fliesstext-weight: 400;
  --type-label-size: 0.75rem;
  --type-label-line: 1.2;
  --type-label-tracking: 0.12em;
  --type-label-weight: 700;
  --type-klein-size: 0.875rem;
  --type-klein-line: 1.5;
  --type-klein-tracking: 0em;
  --type-klein-weight: 400;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --radius: 8px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --duration-fast: 180ms;
  --duration-slow: 400ms;
  --container: 1240px;
  --hive-tuerkis: #2AB5B9;
  --tuerkis-text: #187578;
  --tuerkis-wash: #DFF4F4;
  --wabengruen: #00857B;
  --petrol: #21657F;
  --tiefsee: #0F3B46;
  --nacht: #0A2931;
  --anthrazit: #444444;
  --schiefer: #5C6B70;
  --dunst: #C9D6DA;
  --nebel: #F5F6F8;
  --linie: #E3E8EA;
  --weiss: #FFFFFF;
}

:root, :root[data-theme="light"] {
  --color-bg: #FFFFFF;
  --color-surface: #F5F6F8;
  --color-text: #444444;
  --color-muted: #5C6B70;
  --color-accent: #2AB5B9;
  --color-accent-soft: #DFF4F4;
  --color-on-accent: #0F3B46;
  --color-line: #E3E8EA;
  --color-line-strong: #C9D6DA;
}

:root[data-theme="dark"] {
  --color-bg: #0A2931;
  --color-surface: #0F3B46;
  --color-text: #F5F6F8;
  --color-muted: #C9D6DA;
  --color-accent: #2AB5B9;
  --color-accent-soft: #21657F;
  --color-on-accent: #0A2931;
  --color-line: #21657F;
  --color-line-strong: #5C6B70;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0A2931;
    --color-surface: #0F3B46;
    --color-text: #F5F6F8;
    --color-muted: #C9D6DA;
    --color-accent: #2AB5B9;
    --color-accent-soft: #21657F;
    --color-on-accent: #0A2931;
    --color-line: #21657F;
    --color-line-strong: #5C6B70;
  }
}