/* ============================================
 * Design Tokens - Auto-generated by MandantGenerator
 * Source: design-tokens.json
 * @fix 2026-02-21: L-2026-0221-05 - in @layer tokens gewrappt
 * @fix 2026-05-01: Welle-A — --mandant-* SSoT + extended tokens
 * ============================================ */

@layer tokens {
  :root {
      /* Legacy 6-Farben-System (Re-Exports → --mandant-* SSoT V2=A) */
      --cone: #777777;
      --ctwo: #337AB7;
      --cthree: #CD1719;
      --cfour: #555555;
      --cfive: #ffffff;
      --csix: #f8f9fa;

      /* Mapping zu minpurecss / min_templates (Legacy-Aliases → --mandant-*) */
      --color-primary: var(--mandant-primary, #777777);
      --color-secondary: var(--mandant-secondary, #337AB7);
      --color-accent: var(--mandant-accent, #CD1719);
      --color-text: var(--mandant-text, #555555);
      --color-background: var(--mandant-bg, #ffffff);
      --color-surface: var(--mandant-surface, #f8f9fa);

      /* Typografie */
      --font-heading: 'Playfair Display', Georgia, serif;
      --font-body: 'Inter', -apple-system, sans-serif;
      /* --- mandant-* SSoT (V2=A: --mandant-* ist alleinige Quelle) --- */
      --mandant-primary: #777777;
      --mandant-secondary: #337AB7;
      --mandant-accent: #CD1719;
      --mandant-text: #555555;
      --mandant-bg: #ffffff;
      --mandant-surface: #f8f9fa;

      /* Extended Color Tokens */
      --mandant-border: rgba(0, 0, 0, 0.08);

      /* Typography Scale (typography.scale.*) */
      --font-size-xs: 0.75rem;
      --mandant-font-size-xs: 0.75rem;
      --font-size-sm: 0.875rem;
      --mandant-font-size-sm: 0.875rem;
      --font-size-base: 1rem;
      --mandant-font-size-base: 1rem;
      --font-size-lg: 1.125rem;
      --mandant-font-size-lg: 1.125rem;
      --font-size-xl: 1.25rem;
      --mandant-font-size-xl: 1.25rem;
      --font-size-2xl: 1.5rem;
      --mandant-font-size-2xl: 1.5rem;
      --font-size-3xl: 2rem;
      --mandant-font-size-3xl: 2rem;
      --font-size-4xl: clamp(2.5rem, 6vw, 4.5rem);
      --mandant-font-size-4xl: clamp(2.5rem, 6vw, 4.5rem);

      /* Border Radius (borders.radius.* — direkt aus JSON, kein Default-Fallback) */
      --radius-sm: 2px;
      --mandant-radius-sm: 2px;
      --radius-md: 4px;
      --mandant-radius-md: 4px;
      --radius-lg: 8px;
      --mandant-radius-lg: 8px;
      --radius-round: 9999px;
      --mandant-radius-round: 9999px;
      --radius-default: 2px;
      --mandant-radius-default: 2px;
      --mandant-radius: 2px;

      /* Motion Tokens */
      --mandant-motion-duration-fast: 0.15s;
      --mandant-motion-duration-base: 0.3s;
      --mandant-motion-duration-slow: 0.5s;
      --mandant-motion-easing-0: e;
      --mandant-motion-easing-1: a;
      --mandant-motion-easing-2: s;
      --mandant-motion-easing-3: e;

      /* Layout Nav/Hero */
      --mandant-nav-height: 5rem;
      --mandant-hero-height: 100vh;

      /* Breakpoints */
      --breakpoint-sm: 576px;
      --mandant-breakpoint-sm: 576px;
      --breakpoint-md: 768px;
      --mandant-breakpoint-md: 768px;
      --breakpoint-lg: 992px;
      --mandant-breakpoint-lg: 992px;
      --breakpoint-xl: 1200px;
      --mandant-breakpoint-xl: 1200px;
      --breakpoint-xxl: 1400px;
      --mandant-breakpoint-xxl: 1400px;
  }
}