/* =========================================================
   THEME SETTINGS — change colours, fonts, corners and shadows
   for the whole site here. Every page reads these variables.
   ========================================================= */
:root {
  /* Brand greens (from the Birchwood logo) */
  --green: #128b4d;
  --green-700: #0e7541;
  --green-800: #0b5d34;
  --green-900: #073f24;
  --green-100: #d9efe2;
  --green-50: #eff8f2;

  /* Accent lime */
  --lime: #bbcd0d;
  --lime-600: #93a200;
  --lime-50: #f7f9e2;

  --leaf: #51a336;

  /* Neutrals */
  --ink: #17212b;
  --ink-soft: #3d4855;
  --muted: #6a7480;
  --cream: #fbf8f3;
  --sand: #f3ede3;
  --border: #e8e2d8;
  --white: #ffffff;
  --danger: #c0392b;

  /* Fonts (loaded from Google Fonts in each page's <head>) */
  --font-head: "Quicksand", "Trebuchet MS", sans-serif;
  --font-body: "Inter", system-ui, Arial, sans-serif;

  /* Shape */
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* Depth */
  --shadow-sm: 0 2px 10px rgba(16, 24, 40, .06);
  --shadow: 0 14px 34px -12px rgba(16, 24, 40, .18);
  --shadow-lg: 0 34px 70px -24px rgba(7, 63, 36, .4);

  /* Layout & motion */
  --container: 1240px;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

/* ----- Accessibility panel options (switched on by js/main.js) ----- */
html.a11y-contrast {
  --green: #006b35;
  --green-700: #005529;
  --lime: #5f6c00;
  --ink: #000;
  --ink-soft: #111;
  --muted: #222;
  --border: #555;
}
html.a11y-readable body {
  font-family: Verdana, Tahoma, sans-serif;
  letter-spacing: .02em;
  word-spacing: .08em;
  line-height: 1.85;
}