/*
CTC Separate Stylesheet
Updated: 2026-08-18 14:19:01
*/

:root {
  /* ---- COLORS ---- */
  --clash-red: #E73B2B;
  --clash-red-light: #EF5252;
  --clash-teal: #137C80;
  --clash-teal-light: #70B3B6;
  --clash-teal-lighter: color-mix(in srgb, var(--clash-teal-light) 50%, white);
  --clash-beige: #F4EEE5;
  --clash-yellow: #FFEA2D;

  /* ---- FONTS ---- */
  --font-heading: 'League Spartan', sans-serif;
  --font-body: 'Open Sans', sans-serif;

  /* ---- FONT WEIGHTS ---- */
  --fw-body-regular: 400;   /* standaard lopende tekst */
  --fw-body-medium: 500;    /* lopende tekst wit op gekleurd blok */
  --fw-quote-name: 700;     /* quote auteursnaam — vet */

/* ---- FONT SIZES ---- */
  --fs-body: 16px;
  --fs-quote: 18px;
  --fs-quote-title: 14px;   /* quote titel/functie */

  /* HEADING SIZES */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 28px;
  --fs-h4: 22px;
  --fs-h5: 18px;
  --fs-h6: 16px;

  /* ---- SPACING SCALE ---- */
  --space-0: 0;
  --space-xs: 10px;
  --space-sm: 15px;
  --space-md: 20px;
  --space-lg: 30px;
  --space-xl: 70px;
}