/* =========================
   VARIABLES
   De Bruijn Performance
   ========================= */

:root {

  /* =========================
     COLORS
     ========================= */

  /* Licht beige / basis achtergrond */
  --color-light: #e5ddd5;

  /* Oranje / CTA en buttons */
  --color-accent: #c46a32;

  /* Donkere tekst op lichte achtergrond */
  --color-text: #2b2b28;

  /* Lichte tekst op donkere achtergrond */
  --color-text-light: #e5ddd5;

  /* Donkergroen / secties, kaders en vlakken */
  --color-dark: #43513e;


  /* =========================
     SEMANTIC COLORS
     ========================= */

  --color-primary: #c46a32;
  --color-secondary: #43513e;

  --color-background: #e5ddd5;
  --color-background-dark: #43513e;

  --color-heading: #2b2b28;
  --color-border: #43513e;


  /* =========================
     TYPOGRAPHY
     ========================= */

  --font-heading: "Libre Franklin", Arial, sans-serif;
  --font-body: "Libre Franklin", Arial, sans-serif;

  --font-size-body: 17px;
  --line-height-body: 1.7;


  /* =========================
     LAYOUT
     ========================= */

  --container-width: 1180px;

  --section-padding: 110px;
  --section-padding-mobile: 75px;


  /* =========================
     BORDER RADIUS
     ========================= */

  --radius-small: 4px;
  --radius-medium: 10px;
  --radius-large: 18px;


  /* =========================
     TRANSITIONS
     ========================= */

  --transition-fast: 0.2s ease;
  --transition: 0.3s ease;


  /* =========================
     SHADOW
     ========================= */

  --shadow-soft: 0 12px 35px rgba(43, 43, 40, 0.10);

}