:root {
  /* Brand colors from the logo: green #2A7549 and saffron #F4AD30.
     Client rule: the logo green is the DARKEST green on the website, so
     every dark-green step (950/900/800/700) is exactly #2A7549; only the
     light tints (100/50) differ. For translucent overlays use
     rgba(var(--lk-green-rgb), alpha). Never add a green darker than this. */
  --lk-green-rgb: 42, 117, 73;
  --lk-green-950: #2a7549;
  --lk-green-900: #2a7549;
  --lk-green-800: #2a7549;
  --lk-green-700: #2a7549;
  --lk-green-100: #ddeee4;
  --lk-green-50: #f2f8f4;
  --lk-saffron-600: #df930c;
  --lk-saffron-500: #f4ad30;
  /* Pale saffron for small text on the green; light enough for 4.5:1 contrast. */
  --lk-saffron-300: #fce5bf;
  --lk-ink: #14231f;
  --lk-text: #52605c;
  --lk-muted: #71807b;
  --lk-line: #dce5e1;
  --lk-surface: #ffffff;
  --lk-surface-soft: #f6f8f7;
  --lk-surface-warm: #fff8ea;
  --lk-saffron-border: rgba(244, 173, 48, 0.25);
  /* Secondary text on green backgrounds (0.9 keeps 4.5:1 contrast on #2A7549). */
  --lk-on-dark-muted: rgba(255, 255, 255, 0.9);
  --lk-danger: #ef4444;

  --lk-font-body: "DM Sans", sans-serif;
  --lk-font-heading: "DM Sans", sans-serif;

  --lk-space-1: 0.25rem;
  --lk-space-2: 0.5rem;
  --lk-space-3: 0.75rem;
  --lk-space-4: 1rem;
  --lk-space-5: 1.5rem;
  --lk-space-6: 2rem;
  --lk-space-7: 3rem;
  --lk-space-8: 4rem;
  --lk-space-9: 5rem;
  --lk-space-10: 6rem;

  --lk-radius-sm: 4px;
  --lk-radius-md: 8px;
  --lk-radius-lg: 12px;
  --lk-radius-round: 999px;

  --lk-shadow-sm: 0 8px 24px rgba(42, 117, 73, 0.08);
  --lk-shadow-md: 0 18px 50px rgba(42, 117, 73, 0.13);
  --lk-shadow-form: 0 28px 70px rgba(5, 27, 23, 0.28);

  --lk-container: 1240px;
  --lk-reading: 760px;
  --lk-transition: 180ms ease;
}