/* Redlands Tree Service design tokens. Colours are taken from the logo
   (green wordmark, red canopy). Add new colours here only, never inline. */
:root {
  --green-900: #0c2418;
  --green-800: #123524;
  --green-700: #1a4d33;
  --green-600: #1f6b40;
  --green-500: #2a8a52;
  --green-100: #e5f1e9;
  --green-50:  #f3f8f4;
  --red-600:   #c8202a;
  --red-500:   #de2f38;
  --sand-50:   #fbfaf6;
  --ink:       #17201b;
  --ink-soft:  #4a5a50;
  --line:      #dbe5de;
  --white:     #ffffff;

  --font-head: "Montserrat", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius-sm: 8px;
  --radius:    16px;
  --radius-lg: 24px;
  --shadow:    0 10px 30px rgba(12, 36, 24, .14);
  --shadow-lg: 0 24px 60px rgba(12, 36, 24, .24);

  --container: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
  --section: clamp(48px, 8vw, 96px);
}