:root {
  --brand-green: #B9C84A;
  --brand-black: #0A0A0A;
  --brand-white: #FFFFFF;
  --forest-green: #314B22;
  --metallic-silver: #BFC2C4;
  --shadow-gray: #5C5F61;
  --bg-cream: #FAFAF7;
  --border-light: #E5E5E0;
  --error-red: #C8453A;
  --success-green: #6B8E3D;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --header-h: 80px;
  --header-h-scrolled: 60px;
  --tool-belt-h: 88px;
  --max-content: 1280px;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 400;
  color: var(--brand-black);
  background: var(--brand-white);
}

h1, h2, h3, h4 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  line-height: 1.1;
}

p, li { line-height: 1.6; }

.container { max-width: var(--max-content); margin: 0 auto; padding: 0 var(--space-md); }
.section { padding: var(--space-2xl) 0; }
.section--dark { background: var(--brand-black); color: var(--brand-white); }
.section--cream { background: var(--bg-cream); }

.skip-link {
  position: absolute; left: -9999px; top: 0; padding: var(--space-sm); background: var(--brand-green);
  color: var(--brand-black); font-weight: 700; z-index: 9999;
}
.skip-link:focus { left: 0; }

.eyebrow {
  font-size: 13px; font-weight: 600; letter-spacing: 0.15em;
  color: var(--brand-green); text-transform: uppercase;
}

main { min-height: calc(100vh - var(--header-h) - var(--tool-belt-h)); }