/* tokens.css — einzige Quelle fuer Farben, Schrift, Masse. Basis: Preset modern-minimal, Overrides laut design-dna.md */

@font-face {
  font-family: "Switzer";
  src: url("../fonts/switzer-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Farben */
  --color-primary: #12203d;
  --color-primary-text: #ffffff;
  --color-primary-deep: #0d1830;
  --color-accent: #2e7d5b;
  --color-accent-text: #ffffff;
  --color-accent-soft: #5fbf93;
  --color-bg: #ffffff;
  --color-text: #12203d;
  --color-surface: #f4f4f2;
  --color-surface-text: #12203d;
  --color-border: #dcdfe6;
  --color-border-dark: #2a3a5e;
  --color-muted: #5a6784;
  --color-on-dark-muted: #c3cde0;
  --color-stern: #b07d12;

  /* Schrift */
  --font-headline: "Switzer", "Helvetica Neue", Helvetica, sans-serif;
  --font-body: "Switzer", "Helvetica Neue", Helvetica, sans-serif;
  --size-display: clamp(4.5rem, 14vw, 10.5rem);
  --size-h1: clamp(2.5rem, 5.6vw, 4.5rem);
  --size-h2: clamp(1.875rem, 3.8vw, 2.875rem);
  --size-h3: clamp(1.125rem, 1.6vw, 1.3125rem);
  --size-body: 1.0625rem;
  --size-lead: clamp(1.125rem, 1.7vw, 1.3125rem);
  --size-sm: 0.875rem;
  --size-eyebrow: 0.75rem;
  --lh-heading: 1.04;
  --lh-body: 1.7;
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* Layout */
  --space-section: clamp(5rem, 10vw, 8.5rem);
  --space-section-m: 4rem;
  --container-max: 1180px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);
  --gap-grid: clamp(1.5rem, 3.5vw, 3rem);
  --line: 1px;
  --kette-breite: 1px;
  --knoten: 0.6875rem;

  /* Form */
  --radius: 0;
  --radius-card: 2px;
  --radius-btn: 2px;
  --radius-node: 50%;

  /* Schatten: bewusst keine */
  --shadow-card: none;
  --shadow-hover: none;
  --shadow-btn: none;

  /* Bewegung */
  --dauer: 0.2s;
  --dauer-lang: 1.1s;
  --kurve: cubic-bezier(0.22, 0.61, 0.36, 1);
}