/* ===== ROOT VARIABLES ===== */
:root {
  /* Logo kleuren */
  --color-cyan-logo: #5CE1E6;
  --color-blue-logo: #38B6FF;
  --color-purple-logo: #5271FF;

  /* Nieuwe RGBA variabelen */
  --color-cyan-logo-70: rgba(92, 225, 230, 0.7);
  --color-cyan-logo-90: rgba(92, 225, 230, 0.9);
  
  --color-blue-logo-70: rgba(56, 182, 255, 0.7);
  --color-blue-logo-90: rgba(56, 182, 255, 0.9);
  
  --color-purple-logo-70: rgba(82, 113, 255, 0.7);
  --color-purple-logo-90: rgba(82, 113, 255, 0.9);
  
  /* Hero sectie kleuren */
  --color-hero: #38B6FF;
  --color-hero-dark: #11334d;
  --color-red: rgb(151, 0, 0);
  
  /* CTA kleuren */
  --color-cta-bg: rgba(56, 182, 255);
  --color-cta-text: rgb(255, 255, 255);
  --color-cta-hover: rgba(56, 182, 255);
  

  /* Algemene kleuren */
  --color-var: #38B6FF; /* Behoud de laatste definitie (donkergroen/blauw) */
  --color-grey: #e6e6e6;
  --color-black: #000;
  --color-white: #fff; /* Behoud de korte notatie */
  --color-light-blue: #e0f7fa;
  --color-light-green: #f1f8e9;
  --color-dark-grey: #2d2d2d;
  
  /* Footer kleuren */
  --color-footer: #2d2d2d;  /* Behoud de donkergrijze versie */
  --color-footer-text: #ffffff;
  --color-footer-light: #555;
  --color-footer-link-hover: #4dacff;
  
  /* Header kleuren */
  --color-header-bg: #fff;
  --color-header-bg-scrolled: #fff;
  --color-hover-bg:  rgba(56, 182, 255);
  --color-menu-active-bg: rgba(56, 182, 255);
  --color-mobile-menu-bg: rgba(255, 255, 255);
  
  /* Layout & typografie */
  --max-width: 1200px;
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Reddit Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}