/* ============================================
   DESIGN TOKENS – Klima-Zentrale.de
   ============================================
   Einzige Quelle für Farben, Fonts, Spacing.
   NIEMALS diese Werte anderswo neu definieren!
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  /* --- Markenfarben --- */
  --blue:          #00A0E3;
  --blue-dark:     #005F7F;
  --blue-light:    #e0f7ff;
  --navy:          #0f1629;

  /* --- Graustufen --- */
  --white:         #fff;
  --gray-50:       #f8fafc;
  --gray-100:      #f1f5f9;
  --gray-200:      #e2e8f0;
  --gray-300:      #cbd5e1;
  --gray-400:      #5D6D7E;
  --gray-500:      #64748b;
  --gray-600:      #475569;
  --gray-700:      #334155;
  --gray-800:      #1e293b;

  /* --- Statusfarben --- */
  --success:       #0F766E;
  --success-light: #d1fae5;
  --gold:          #fbbf24;
  --orange:        #f97316;
  --whatsapp:      #0D7A6E;

  /* --- CTA Gradient --- */
  --cta-gradient:  linear-gradient(135deg, #0077b6, #005a8c);
  --cta-shadow:    0 4px 20px rgba(0,119,182,0.35);
  --cta-hover-shadow: 0 8px 30px rgba(0,119,182,0.45);

  /* --- Link-Farben (Accessibility) --- */
  --link-color:    #005B8C;

  /* --- Typografie --- */
  --font-heading:  'Plus Jakarta Sans', sans-serif;
  --font-body:     'Inter', sans-serif;

  /* --- Container --- */
  --container-max:   1200px;
  --container-wide:  1400px;
  --container-pad:   24px;

  /* --- Section Spacing --- */
  --section-pad:       120px;
  --section-pad-sm:    100px;
  --section-pad-mobile: 80px;

  /* --- Border Radius --- */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-full: 50px;

  /* --- Schatten --- */
  --shadow-card:    0 2px 10px rgba(0,0,0,0.04);
  --shadow-hover:   0 8px 30px rgba(0,0,0,0.08);
  --shadow-elevated:0 10px 40px rgba(0,0,0,0.15);
  --shadow-header:  0 4px 30px rgba(0,0,0,0.1);

  /* --- Transitions --- */
  --transition: all 0.3s;
  --transition-fast: all 0.2s;
}