:root {
  /* Brand Colour System */
  --color-olive: #343A20;
  --color-olive-light: #7B7C45;
  --color-terracotta: #C8643F;
  --color-ivory: #F5F0E6;
  --color-sand: #E5D8C4;
  --color-charcoal: #292820;
  --color-white: #FCFAF5;

  /* Typography */
  --font-serif: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Font Sizes & Line Heights */
  --font-size-h1: clamp(3.5rem, 6vw, 6.5rem);
  --line-height-h1: 0.95;

  --font-size-h2: clamp(2.5rem, 4vw, 4.5rem);
  --line-height-h2: 1.05;

  --font-size-h3: clamp(1.75rem, 2.5vw, 2.75rem);
  --line-height-h3: 1.15;

  --font-size-h4: clamp(1.25rem, 1.8vw, 1.85rem);
  --line-height-h4: 1.25;

  --font-size-body: 1rem;
  --line-height-body: 1.6;

  --font-size-body-large: clamp(1.125rem, 1.3vw, 1.35rem);
  --line-height-body-large: 1.65;

  --font-size-label: 0.8125rem;
  --letter-spacing-label: 0.2em;

  /* Layout */
  --content-width: 1440px;
  --content-padding: clamp(1.5rem, 5vw, 6rem);
  --section-spacing: clamp(5rem, 10vw, 10rem);
  --section-spacing-sm: clamp(3rem, 6vw, 6rem);

  /* Transitions & Animation */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-medium: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}