/* ============================================================
   Theme: TUART  -  premium, eco, exterior cleaning
   ------------------------------------------------------------
   For: pressure cleaning / driveway / limestone / exterior care.
   Mood: a refined western-suburbs specialist. Warm cream and
   sand, deep leaf-green accent with a warm gold pop, a high-
   contrast Fraunces serif, generous space, soft corners. Calm,
   trustworthy, premium - never loud.

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

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&family=Inter:wght@400;500;600;700&display=swap');

.theme-tuart {
  /* -------- Surfaces (cream + sand) ---------------------- */
  --bg:        #F4EFE6;
  --bg-2:      #ECE5D8;
  --surface:   #FBF8F1;

  /* -------- Text (charcoal-green) ------------------------ */
  --fg:            #2c3a33;
  --fg-muted:      #5a6b60;
  --heading-color: #1a2823;

  /* -------- Accent (deep leaf-green) + warm gold -------- */
  --accent:        #1f3a2e;
  --accent-bright: #2f5a45;
  --accent-hover:  #16291f;
  --accent-2:      #c1a875;   /* warm sand / gold - dots, pops */
  --on-accent:     #f4efe6;

  --hairline:   rgba(31, 58, 46, 0.13);
  --hairline-2: rgba(31, 58, 46, 0.24);

  /* -------- Hero (green-tinted natural veil) ------------- */
  --hero-ink: #f7f3ea;
  --hero-min-h: 92vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 38%, rgba(22,41,31,0.22) 0%, rgba(20,36,28,0.54) 64%, rgba(16,29,22,0.84) 100%),
    linear-gradient(180deg, rgba(20,40,30,0.40) 0%, rgba(20,40,30,0.34) 42%, rgba(16,29,22,0.88) 100%);

  /* -------- Footer (deep leaf) -------------------------- */
  --footer-bg:     #16291f;
  --footer-fg:     rgba(244, 239, 230, 0.80);
  --footer-strong: #f7f3ea;
  --footer-head:   #c1a875;

  /* -------- Type ---------------------------------------- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.8rem, 6.5vw + 1rem, 5.2rem);
  --heading-weight: 600;
  --heading-tracking: -0.015em;
  --eyebrow-tracking: 0.24em;

  /* -------- Soft, refined corners ----------------------- */
  --radius-1: 6px;
  --radius-2: 16px;
  --radius-3: 24px;
  --rule-color: var(--accent-2);
  --shadow-1: 0 1px 2px rgba(31,58,46,0.06), 0 8px 24px rgba(31,58,46,0.09);
  --shadow-2: 0 18px 48px rgba(31,58,46,0.16);

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

/* ---- Structural personality: calm, premium, eco ----------- */

/* Italic Fraunces lede in the intro reads premium */
.theme-tuart .intro__lede { font-weight: 500; }
.theme-tuart .intro__lede em { font-style: italic; color: var(--accent-bright); }

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

/* Soften service cards toward the cream ground for warmth */
.theme-tuart .service-card { background: var(--surface); }
.theme-tuart .service-card .price { color: var(--accent-bright); }

/* The ghost CTA on the cream hero needs the cream ink, not green */
.theme-tuart .btn--ghost:hover { color: var(--accent); }