/* Green Thumb Cleaning — Design Tokens */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Brand — primary */
  --gt-forest:      #224231;
  --gt-forest-700:  #1a3325;
  --gt-sage:        #8BA68B;
  --gt-sage-100:    #E4EDE4;
  --gt-orange:      #FF8C00;
  --gt-orange-600:  #E67A00;
  --gt-orange-text: #9A5A00;  /* AA-safe deep amber for orange text/links on LIGHT backgrounds (≈5.5:1) */
  --gt-orange-on-dark: #FFB057; /* lightened orange for accents on FOREST/dark backgrounds (≈6:1) */

  /* Neutrals */
  --gt-cream: #F7F4ED;
  --gt-sand:  #EDE6D6;
  --gt-mist:  #D9D5CC;
  --gt-stone: #6B6B64;
  --gt-bark:  #3D342A;

  /* Semantics */
  --color-success:      #4A7C59;
  --color-warning:      #D48A2A;
  --color-error:        #B5453B;
  --color-info-surface: #E4EDE4;

  /* Structural */
  --color-border: #E6E1D6;

  /* Type */
  --font-display: 'Montserrat', system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Radii */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm:   0 1px 2px rgba(34,66,49,0.06), 0 1px 1px rgba(34,66,49,0.04);
  --shadow-md:   0 6px 18px rgba(34,66,49,0.08), 0 2px 4px rgba(34,66,49,0.04);
  --shadow-lg:   0 18px 40px rgba(34,66,49,0.14), 0 4px 8px rgba(34,66,49,0.06);
  --shadow-leaf: 0 14px 28px rgba(255,140,0,0.28), 0 4px 10px rgba(34,66,49,0.10);
}

html, body {
  font-family: var(--font-body);
  color: var(--gt-forest);
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-display);
  color: var(--gt-forest);
  letter-spacing: -0.01em;
  margin: 0;
}
h1 { font-weight: 800; }
h2 { font-weight: 800; }
h3 { font-weight: 700; }
h4 { font-weight: 700; }
h5 { font-weight: 700; }

.eyebrow {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gt-orange-text); /* AA-safe on light; dark-bg heroes override to --gt-orange-on-dark */
}