/* ============================================================
   Theme: GREENLINE  -  natural, outdoor landscaping & gardens
   ------------------------------------------------------------
   For: landscapers / gardeners / reticulation / lawns & turf.
   Mood: fresh and abundant, out in the WA sun. Sage-white and
   soft sand surfaces, an olive-forest green accent with a warm
   sand pop, a friendly modern Outfit display, soft organic
   corners. Natural, healthy, growing - never clinical.

   A theme = token overrides + a few .theme-greenline structural
   tweaks. It never edits base.css, sections.css or tradie.css.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

.theme-greenline {
  /* -------- Surfaces (sage white + soft sand) ----------- */
  --bg:        #F3F5EE;
  --bg-2:      #E6EBDD;
  --surface:   #FBFCF8;

  /* -------- Text (deep garden charcoal-green) ----------- */
  --fg:            #232A22;
  --fg-muted:      #5B6357;
  --heading-color: #1A2018;

  /* -------- Accent (olive-forest green) + warm sand ---- */
  --accent:        #46733F;
  --accent-bright: #5A8F50;
  --accent-hover:  #2F5530;
  --accent-2:      #CBB487;   /* warm sand - dots, pops        */
  --on-accent:     #FFFFFF;

  --hairline:   rgba(70, 115, 63, 0.14);
  --hairline-2: rgba(70, 115, 63, 0.26);

  /* -------- Hero (green-tinted natural veil) ------------ */
  --hero-ink: #F4F7EE;
  --hero-min-h: 92vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 38%, rgba(31,52,28,0.20) 0%, rgba(28,46,25,0.52) 64%, rgba(22,36,20,0.82) 100%),
    linear-gradient(180deg, rgba(34,55,30,0.40) 0%, rgba(34,55,30,0.32) 42%, rgba(22,36,20,0.86) 100%);

  /* -------- Footer (deep forest) ----------------------- */
  --footer-bg:     #1F3220;
  --footer-fg:     rgba(243, 245, 238, 0.82);
  --footer-strong: #F4F7EE;
  --footer-head:   #CBB487;

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

  --fs-hero: clamp(2.7rem, 6.2vw + 1rem, 5rem);
  --heading-weight: 700;
  --heading-tracking: -0.02em;
  --eyebrow-tracking: 0.22em;

  /* -------- Soft, organic corners ---------------------- */
  --radius-1: 8px;
  --radius-2: 14px;
  --radius-3: 20px;
  --rule-color: var(--accent-2);
  --shadow-1: 0 1px 2px rgba(31,52,28,0.06), 0 8px 24px rgba(31,52,28,0.09);
  --shadow-2: 0 18px 48px rgba(31,52,28,0.15);

  --section-pad: var(--space-9);
}

/* ---- Structural personality: fresh, natural, growing ------ */

/* Eyebrow in the brighter leaf green, a touch heavier */
.theme-greenline .eyebrow { color: var(--accent-bright); font-weight: 700; }

/* Intro lede emphasis: leaf body, sand-green highlight */
.theme-greenline .intro__lede { font-weight: 600; }
.theme-greenline .intro__lede em { color: var(--accent-bright); font-style: normal; }
.theme-greenline .intro__lede strong { color: var(--accent); }

/* Service cards: a left leaf edge marks each as a service line */
.theme-greenline .service-card { border-left: 3px solid var(--accent); }
.theme-greenline .service-card .price { color: var(--accent-bright); }

/* Stat numbers stay in forest green */
.theme-greenline .intro__meta .stat b,
.theme-greenline .space-meta .stat b { color: var(--accent); }

/* Trust badges read like a fresh spec strip with a leaf edge */
.theme-greenline .trust-badges .badge-pill {
  background: color-mix(in srgb, var(--hero-ink) 14%, transparent);
  border-color: color-mix(in srgb, var(--hero-ink) 40%, transparent);
}

/* The ghost CTA hover lands on leaf-green ink, not deep forest */
.theme-greenline .btn--ghost:hover { color: var(--accent); }