/*
 * Achtung: CSS-Variablen d??rfen sich nicht gegenseitig referenzieren.
 * In v2.0.32 gab es hier eine zyklische Definition (blau/text/border),
 * wodurch Browser die Variablen als "invalid" behandeln und dann viele
 * Farben auf Default/Schwarz fallen.
 *
 * Darum sind die Design-Tokens hier als echte Werte definiert.
 */
/* SECTION: TOKENS / VARIABLES */
:root{
  /* Blau-Abstufungen (reduziert, rollenbasiert) */
  --ss-blue-deep: #356D9F;      /* Primary Blau */
  --ss-blue-muted: #A0BAD2;     /* dezent/disabled */
  --ss-blue-pale: #D7E8FF;      /* gro??e Fl??chen */
  --ss-blue-verylight: #EEF5FF; /* Buttons/Highlights */

  /* Kreisfarben */
  --ss-blue: var(--ss-blue-deep);
  --ss-blue-light: var(--ss-blue-verylight);

  --ss-red: #E63946;
  --ss-red-light: #FBE7E9;

  --ss-yellow: #F4A261;
  --ss-yellow-light: #FFF2E5;

  --ss-green: #2A9D8F;
  --ss-green-light: #E5F5F1;

  /* Neutrals / UI roles */
  --ss-text: #222222;
  --ss-text-muted: #555555;
  --ss-border: #CBD5E1; /* ehemals --ss-slate-200 */
  --ss-surface: #F4F7FB;
  --ss-surface-2: #F8F9FA;
  --ss-surface-3: #F0F0F0;

  /* Graut??ne (Legacy/Bestand: wird schrittweise auf Rollenvariablen umgestellt) */
  --ss-gray-600: #666666;
  --ss-gray-700: #888888;
  --ss-gray-800: #999999;
  --ss-gray-850: #AAAAAA;
  --ss-gray-300: #CCCCCC;
  --ss-gray-200: #DDDDDD;
  --ss-gray-150: #E0E0E0;
  --ss-gray-140: #E5E5E5;
  --ss-gray-130: #E8E8E8;
  --ss-gray-120: #ECECEC;
  --ss-gray-110: #F0F0F0;
  --ss-gray-105: #F8F9FA;
  --ss-gray-104: #F9F9F9;
  --ss-gray-103: #FAFAFA;

  /* Legacy Aliases (f??r vorhandene Regeln, werden schrittweise ersetzt) */
  --ss-white: var(--ss-surface);

  /* Defaults für Akzent (wird je Kategorie überschrieben) */
  --accent-color: var(--ss-blue);
  --accent-light: var(--ss-blue-light);

  /* Fluid Typografie (--ss-font-*): Divi-Variablen (--gvid-*) sind im Frontend oft nicht verfügbar;
     clamp() als Fallback. In Custom CSS immer var(--ss-font-body) usw. verwenden. */
  --ss-font-hero: var(--gvid-1611cnled, clamp(2.6rem, 5.2vw, 6.2rem));
  --ss-font-h1: var(--gvid-lukqeyya8, clamp(2.1rem, 3.6vw, 4.2rem));
  --ss-font-h2: var(--gvid-gg5ysweet, clamp(1.7rem, 2.6vw, 3.1rem));
  --ss-font-h3: var(--gvid-5n8fb65qmc, clamp(1.35rem, 2vw, 2.2rem));
  --ss-font-h4: var(--gvid-5pamuqb9lo, clamp(1.15rem, 1.5vw, 1.7rem));
  --ss-font-h5: var(--gvid-0kujo7lu4, clamp(1rem, 1.15vw, 1.35rem));
  --ss-font-h6: var(--gvid-bpy7qhs13, clamp(0.92rem, 0.95vw, 1.15rem));
  --ss-font-body: clamp(1rem, 0.85vw, 1.2rem);
}