/* ============================================================
   FARB-VARIABLEN – alle Farben hier zentral änderbar
   ============================================================ */
:root {
  --bg:          #F8F9FA;
  --surface:     #ffffff;
  --surface2:    #F0F2F4;
  --border:      #DEE2E6;
  --primary:     #0066CC;
  --accent:      #FF9500;
  --accent-light: #FFF4E6;
  --red:         #DC3545;
  --text:        #2C3E50;
  --muted:       #6C757D;
  
  /* Backwards compatibility aliases */
  --navy:        var(--primary);
  --gold:        var(--accent);
  
  --font-display: "Barlow Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 16px; line-height: 1.6; }