/* ============================================================
   Theme: MAINLINE  -  clean, dependable plumbing & gas
   ------------------------------------------------------------
   For: plumbers / gas fitters / hot water / HVAC.
   Mood: a tidy van and a clean workmanship. Cool, bright
   blue-grey surfaces, a trustworthy trade blue with a safety-
   orange pop, a friendly rounded sans, soft generous corners.
   Calm, reliable, professional - never flashy.

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

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

.theme-mainline {
  /* -------- Surfaces (cool, bright blue-grey) ----------- */
  --bg:        #F5F8FB;
  --bg-2:      #E8F0F7;
  --surface:   #FFFFFF;

  /* -------- Text (deep slate-navy) ---------------------- */
  --fg:            #0E2233;
  --fg-muted:      #56697A;
  --heading-color: #0A1B29;

  /* -------- Accent (trade blue) + safety orange -------- */
  --accent:        #0A5AA0;
  --accent-bright: #1277C9;
  --accent-hover:  #073F70;
  --accent-2:      #F5821F;   /* safety orange - dots, pops    */
  --on-accent:     #FFFFFF;

  --hairline:   rgba(10, 90, 160, 0.14);
  --hairline-2: rgba(10, 90, 160, 0.26);

  /* -------- Hero (blue-tinted dark veil) --------------- */
  --hero-ink: #F4F9FE;
  --hero-min-h: 92vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 38%, rgba(8,32,54,0.28) 0%, rgba(7,40,68,0.58) 64%, rgba(5,24,42,0.86) 100%),
    linear-gradient(180deg, rgba(7,44,76,0.46) 0%, rgba(7,44,76,0.38) 42%, rgba(5,24,42,0.90) 100%);

  /* -------- Footer (deep trade navy) ------------------- */
  --footer-bg:     #07223B;
  --footer-fg:     rgba(232, 240, 247, 0.80);
  --footer-strong: #F4F9FE;
  --footer-head:   #6FB4E8;

  /* -------- Type --------------------------------------- */
  --font-display: 'Mulish', 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, rounded corners ---------------------- */
  --radius-1: 8px;
  --radius-2: 12px;
  --radius-3: 16px;
  --rule-color: var(--accent-2);
  --shadow-1: 0 1px 2px rgba(10,48,90,0.06), 0 8px 24px rgba(10,48,90,0.08);
  --shadow-2: 0 18px 48px rgba(10,48,90,0.15);

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

/* ---- Structural personality: clean, dependable ------------ */

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

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

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

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

/* Trust badges read like a tidy spec strip with a blue edge */
.theme-mainline .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 trade blue ink, not navy */
.theme-mainline .btn--ghost:hover { color: var(--accent); }