/* =========================================================================
   gm-Theme — Design-Tokens (Modernisierung des FlatCore-gm-Looks)
   Ersetzt verstreute Hardcodes durch CSS-Custom-Properties.
   ========================================================================= */

/* --- Schriften lokal (DSGVO-konform), saubere Schnitte --- */
/* woff2 zuerst (≈ −60 % ggü. TTF), TTF als Fallback für alte Browser. */
/* Inter (variabel, 100-900 + optischer Groessenausgleich): fuer Bildschirme entwickelt,
   sehr gut lesbar auf Desktop/Mobil und bei kleinen Graden — ersetzt PT Sans. */
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter/Inter-Variable.woff2') format('woff2-variations'), url('fonts/inter/Inter-Variable.ttf') format('truetype-variations');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter/Inter-Italic-Variable.woff2') format('woff2-variations'), url('fonts/inter/Inter-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('fonts/eb-garamond/EBGaramond-VariableFont_wght.woff2') format('woff2'), url('fonts/eb-garamond/EBGaramond-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url('fonts/eb-garamond/EBGaramond-Italic-VariableFont_wght.woff2') format('woff2'), url('fonts/eb-garamond/EBGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 800; font-style: italic; font-display: swap;
}

:root {
  /* === Markenfarbschema TuK Graal-Müritz (Farbschema-PDF) === */
  /* Meer / Blau */
  --gm-primary:        #323E52;   /* Primär — VERBINDLICHE Markenfarbe, keine Abweichung (nicht #0f3c8b, nicht #32477a) */
  --gm-primary-hover:  #232c3b;   /* dunkler Hover */
  --gm-sea:            #3E8DAE;   /* Meer mittel */
  --gm-teal:           #88CDD3;   /* Türkis */
  --gm-teal-light:     #BFE2E0;   /* Türkis hell */
  /* Natur / Grün */
  --gm-green-dark:     #34624D;
  --gm-green:          #5A9077;
  --gm-green-light:    #AAD29A;
  /* Strand / Sand */
  --gm-cream:          #F5F1E9;
  --gm-sand:           #EBE2C9;
  /* Sonne */
  --gm-sun:            #FFCC00;
  --gm-sun-light:      #FFED99;

  /* Rollen */
  --gm-ink:            #232E3C;   /* fast-schwarzes Marine */
  --gm-text:           #45505f;   /* Fließtext (Kontrast AA) */
  --gm-heading:        var(--gm-primary);
  --gm-accent:         var(--gm-sea);   /* Akzent (Links/Hover-Highlights) */
  --gm-danger:         #d12020;
  --gm-footer-bg:      #f5f5f5;
  --gm-footer-text:    #595959;   /* WCAG AA auf #f5f5f5 */
  --gm-border:         #dee2e6;
  --gm-white:          #ffffff;

  /* Typografie */
  --gm-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gm-font-head: 'EB Garamond', Georgia, 'Times New Roman', serif;

  /* Fluide Schriftgrößen-Skala (ersetzt die px-Breakpoint-Stufen) */
  --gm-fs-h1: clamp(2.125rem, 1.6rem + 2.2vw, 2.625rem); /* 34→42 */
  --gm-fs-h2: clamp(1.75rem, 1.4rem + 1.6vw, 2.125rem);  /* 28→34 */
  --gm-fs-h3: clamp(1.625rem, 1.3rem + 1.5vw, 2rem);     /* 26→32 */
  --gm-fs-h4: clamp(1.375rem, 1.2rem + 0.8vw, 1.625rem);
  --gm-fs-h5: clamp(1.25rem, 1.1rem + 0.6vw, 1.4rem);
  --gm-fs-h6: clamp(1rem, 0.95rem + 0.4vw, 1.375rem);    /* 16→22 */
  --gm-lh-body: 1.625;

  /* Form */
  --gm-radius: .25rem;

  /* Bootstrap-5-Variablen auf gm-Primaerfarbe mappen */
  --bs-body-bg: #ffffff;   /* statt BS-Build-Grau #eee -> sauberer weisser Grund */
  --bs-primary: var(--gm-primary);
  --bs-primary-rgb: 50, 62, 82;
  --bs-link-color: var(--gm-primary);
  --bs-link-color-rgb: 50, 62, 82;
  --bs-link-hover-color: var(--gm-accent);
}