:root {
  /* BLC Brand Colours */
  --blc-pink:   #e61077;
  --blc-cyan:   #55edf9;
  --blc-orange: #f3931d;
  --blc-yellow: #f8c81e;
  --blc-dark:   #333333;
  --blc-dark-bg: #1e2235;
  --blc-light:  #F2EFDF;

  /* Section context (legacy — prefer brand tokens above) */
  --section-bg: #F2EFDF;
  --section-text: #333333;
  --spacing-unit: 8px;
  --radius: 8px;

  /* Spacing */
  --spacing-xs: calc(var(--spacing-unit) * 0.5);
  --spacing-sm: var(--spacing-unit);
  --spacing-md: calc(var(--spacing-unit) * 2);
  --spacing-lg: calc(var(--spacing-unit) * 3);
  --spacing-xl: calc(var(--spacing-unit) * 4);
  --spacing-2xl: calc(var(--spacing-unit) * 6);

  /* Button */
  --button-padding-y: 8px;
  --button-padding-x: 24px;
  --button-radius: var(--radius);

  /* Cards / containers */
  --card-padding: 24px;
  --card-radius: var(--radius);

  /* Layout */
  --gap-base: 16px;

  /* Typography */
  --font-family-logo: 'Comfortaa', cursive;
  --font-family-heading: 'Raleway', sans-serif;
  --font-family-base: 'Source Sans 3', sans-serif;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 48px;

  /* Line height */
  --line-height-tight: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
}