/* ==========================================================================
   CSS Custom Properties — Design System v2
   ========================================================================== */

:root {
  /* WP Global Styles Override — bypasses DB cache */
  --wp--style--global--content-size: 1000px !important;

  /* Farben — Primary */
  --dg-primary: #16654A;
  --dg-primary-dark: #0F4F3B;
  --dg-primary-light: #ECFDF5;

  /* Farben — CTA */
  --dg-cta: #EF3B3B;
  --dg-cta-hover: #DC2F2F;
  --dg-cta-light: #FEF2F2;

  /* Farben — Text */
  --dg-text: #1B2A40;
  --dg-text-secondary: #475569;
  --dg-text-light: #64748B;

  /* Farben — Hintergruende */
  --dg-bg: #FFFFFF;
  --dg-bg-alt: #F9F9F9;
  --dg-bg-warm: #F8FAFC;

  /* Farben — Borders */
  --dg-border: #E2E8F0;
  --dg-border-light: #EDF2F7;

  /* Farben — Status */
  --dg-success: #16A34A;
  --dg-warning: #D29922;
  --dg-error: #EF4444;
  --dg-star: #F6B93B;
  --dg-info: #3182CE;
  --dg-info-bg: #EBF8FF;

  /* Farben — Footer */
  --dg-footer-bg: #192B47;
  --dg-footer-text: #94A3B8;

  /* Typografie */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --space-5xl: 100px;
  --space-6xl: 120px;

  /* Container — Fluid */
  --container-max: clamp(1200px, 70vw, 1600px);
  --content-max: clamp(720px, 50vw, 860px);
  --hero-max: clamp(1120px, 68vw, 1500px);
  --container-padding: clamp(24px, 3vw, 48px);
  --container-padding-mobile: 16px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-btn: 8px;
  --radius-full: 50%;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 25px rgba(0,0,0,0.07), 0 4px 10px rgba(0,0,0,0.05);
  --shadow-cta-glow: 0 8px 25px rgba(239,59,59,0.30);
  --shadow-header: 0 2px 8px rgba(0,0,0,0.08);

  /* Icons */
  --icon-sm: 20px;
  --icon-md: 24px;
  --icon-lg: 32px;
  --icon-xl: 48px;

  /* Animation */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* TAC Bridge Zone */
  --dg-tac-text: #192B47;
  --dg-tac-red: #EF2C2C;
  --dg-tac-red-hover: #D43E42;
  --dg-tac-bg: #FFFFFF;
  --dg-tac-bg-alt: #F9F9F9;
}