:root {
  /* Kleuren */
  --primary: #1B3A5C;
  --primary-light: #2A5580;
  --primary-dark: #0F2440;
  --secondary: #D4A853;
  --secondary-light: #E4C882;
  --accent: #4A90A4;
  --accent-light: #6BB0C4;
  --light: #F5F0E8;
  --light-alt: #EDE6D8;
  --white: #FAFAF8;
  --text: #2C2C2C;
  --text-muted: #6B7280;
  --text-light: #9CA3AF;
  --border: #E5E1D8;
  --shadow: rgba(27, 58, 92, 0.08);
  --shadow-md: rgba(27, 58, 92, 0.12);
  --overlay: rgba(15, 36, 64, 0.55);
  --success: #059669;
  --error: #DC2626;

  /* Typografie */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Source Sans 3', -apple-system, sans-serif;
  --font-verse: 'Crimson Pro', Georgia, serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* Layout */
  --container: 1140px;
  --container-narrow: 800px;
  --radius: 8px;
  --radius-lg: 16px;

  /* Transitions */
  --transition: 0.3s ease;
  --transition-slow: 0.6s ease;
}