/* CSS variabelen voor light/dark mode */
:root {
    /* Light mode (default) */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-navbar: #1e64c8;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-light: #ffffff;
    --border-color: #dee2e6;
    --accent-primary: #1e64c8;
    --accent-secondary: #0056b3;
    --input-bg: #ffffff;
    --input-border: #ced4da;
    --dropdown-bg: #ffffff;
    --card-bg: #ffffff;
    --search-results-bg: #ffffff;
  }
  
  /* Dark mode variabelen */
  [data-theme="dark"] {
    --bg-primary: #1a1a1a;
    --bg-secondary: #2d2d2d;
    --bg-navbar: #2b4c7e;
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-light: #ffffff;
    --border-color: #404040;
    --accent-primary: #4d84d6;
    --accent-secondary: #6b9ae2;
    --input-bg: #2d2d2d;
    --input-border: #404040;
    --dropdown-bg: #2d2d2d;
    --card-bg: #2d2d2d;
    --search-results-bg: #2d2d2d;
  }