/* ========================================
   0 - Fonts & Variables
   Globale variabelen en typografie
   Uitomatengoed
   2026-04-07
   ======================================== */
:root {
  /* Kleuren */
  --ug-bg: #f6ecdb;
  --ug-bg-light: #2a2a2a;
  --ug-text: #ffffff;
  --ug-text-muted: #999999;
  --ug-accent-1: #d4ff00;   /* neon geel - onepagers */
  --ug-accent-2: #0066ff;   /* elektrisch blauw - websites */
  --ug-accent-3: #ff2d6f;   /* hot pink - grafisch design */
  --ug-accent-4: #ff6b00;   /* fel oranje - video */

  /* Typografie */
  --ug-h1: clamp(2.5rem, 5vw, 5rem);
  --ug-h2: clamp(2rem, 4vw, 3.5rem);
  --ug-h3: clamp(1.5rem, 3vw, 2.5rem);
  --ug-h4: clamp(1.25rem, 2vw, 1.75rem);
  --ug-body: clamp(1rem, 1.2vw, 1.25rem);
  --ug-small: clamp(0.875rem, 1vw, 1rem);

  /* Spacing */
  --ug-gap: clamp(1rem, 2vw, 2rem);
  --ug-section-gap: clamp(3rem, 6vw, 6rem);

  /* Border radius */
  --ug-radius: 16px;
  --ug-radius-sm: 8px;
}

/* ========================================
   1 - Global
   Basis stijlen
   2026-04-07
   ======================================== */
body {
  background-color: var(--ug-bg);
  color: var(--ug-text);
  font-size: var(--ug-body);
}