:root {
  /* Typography — from scraped Google Fonts */
  --font-heading: 'Barlow', sans-serif;
  --font-body: 'Quicksand', sans-serif;
  --fs-h1: 15px;
  --fs-h2: 2rem;
  --fs-h3: 1.5rem;
  --fs-body: 15px;

  /* Template layout */
  --hero-height: 600px;

  /* Navigation colours */
  --nav-text: #000000;
  --nav-hover-text: #FFC200;
  --nav-dropdown-bg: #ffffff;
  --nav-dropdown-text: #33373d;
  --nav-dropdown-hover-bg: #f5f5f5;
  --nav-dropdown-hover-text: #FFC200;

  /* Spacing — from scraped computed styles */
  --section-padding: 80px;
  --container-max: 1280px;
  --border-radius: 4px;
  --shadow: 0 2px 8px rgba(0,0,0,0.12);
  --transition: 0.3s ease;

  /* Bell Group / Mining colours */
  --color-primary: #FFC200;
  --color-secondary: #1A1A1A;
  --color-text: #333333;
  --color-text-light: #666666;
  --color-bg: #FFFFFF;
  --color-bg-light: #F5F5F5;
  --color-border: #E0E0E0;
  --color-white: #FFFFFF;
  --color-black: #1A1A1A;
}

@media (max-width: 767px) {
  :root {
    --section-padding: 40px;
    --fs-h2: 1.5rem;
    --fs-h3: 1.25rem;
  }
}