/**
 * CSS Variables - B&O Bestratingen
 * Brand colors and global design tokens
 */

:root {
  /* Brand Colors - B&O Bestratingen */
  --primary: #cf2e28;      /* Rood - Primary brand color */
  --dark: #252525;         /* Zwart - Dark backgrounds */

  /* Global Colors */
  --background-color: #ffffff;
  --default-color: #333;
  --heading-color: #252525;
  --accent-color: #cf2e28;
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
  --light-bg: #f9f9f9;
  --border: #e5e5e5;
  --text-light: #666;

  /* Nav Menu Colors */
  --nav-color: #252525;
  --nav-hover-color: #cf2e28;
  --nav-mobile-background-color: #ffffff;
  --nav-dropdown-background-color: #ffffff;
  --nav-dropdown-color: #252525;
  --nav-dropdown-hover-color: #cf2e28;

  /* Smooth scroll */
  scroll-behavior: smooth;
}