/**
 * @file
 * Design tokens for the Camp theme — the single defined set of colours,
 * spacing and type. Everything else references these custom properties.
 */
:root {
  /* Brand greens */
  --color-green-dark: rgba(30, 85, 40, 1);    /* primary: headings, links, buttons, banners */
  --color-green-bright: #00994d;              /* interactive accent: link hover, focus ring */
  --color-green-muted: rgba(100, 125, 90, 1); /* sticky nav bg, footer bg, content band */
  --color-green-muted-60: rgba(100, 125, 90, 0.6); /* same sage at 60% — banner/menu overlays */
  --color-green-light: #cde9d3;               /* light link-hover on dark green bands */

  /* Neutrals */
  --color-white: #fff;
  --color-text: #444;
  --color-border: #ccc;
  --color-shadow: rgba(50, 50, 50, 0.75);

  /* Type */
  --font-body: 'Open Sans', sans-serif;
  --font-condensed: 'Open Sans Condensed', sans-serif;
  --font-script: 'Shadows Into Light', cursive;

  --font-size-base: 16px;
  --line-height-base: 24px;
  --font-size-h1: 45px;
  --font-size-h2: 35px;
  --font-size-h3: 26px;
  --font-size-h4: 20px;

  /* Spacing scale */
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 20px;
  --space-lg: 30px;
  --space-xl: 45px;
  --space-2xl: 50px;

  /* Layout */
  --container-max: 1300px;
  --nav-height: 130px;
}