:root {
  --color-primary: #0b3d2e;
  --color-primary-light: #1a5c45;
  --color-accent: #c4a035;
  --color-bg: #fafaf8;
  --color-surface: #ffffff;
  --color-text: #1a1a1a;
  --color-text-muted: #5c5c5c;
  --color-border: #e5e5e0;

  --font-heading: "Plus Jakarta Sans", Arial, sans-serif;
  --font-body: "Inter", Helvetica, sans-serif;

  --size-hero: clamp(2.25rem, 5vw, 3.25rem);
  --size-h2: clamp(1.75rem, 3.5vw, 2.5rem);
  --size-h3: clamp(1.25rem, 2vw, 1.5rem);
  --size-body-lg: clamp(1rem, 1.5vw, 1.125rem);
  --size-body: clamp(0.9375rem, 1.2vw, 1rem);
  --size-caption: 0.8125rem;
  --size-nav: 0.9375rem;
  --size-button: 0.9375rem;

  --lh-hero: 1.1;
  --lh-heading: 1.2;
  --lh-body: 1.65;

  --space-section: clamp(4rem, 8vw, 6rem);
  --space-block: clamp(2rem, 4vw, 3rem);
  --max-width: 70rem;
  --header-height: 4.5rem;
  --radius: 4px;
  --shadow-card: 0 1px 3px rgba(11, 61, 46, 0.08);
}