/* ============================================================
   Theme: SLATE  -  utilitarian, multi-trade / handyman
   ------------------------------------------------------------
   For: handymen, multi-trade operators, gutter cleaners, lock-
   smiths, mobile mechanics - any quote-led trade that wants the
   page to read like a price list, not a brochure. System sans,
   near-zero colour: white ground, a single muted slate-grey
   accent, no shadows, square corners. No Google Font import.
   The lowest-impact tradie look in the set.
   ============================================================ */

.theme-slate {
  /* -------- Surfaces (white + near-white alt) ----------- */
  --bg:        #FFFFFF;
  --bg-2:      #F4F5F6;
  --surface:   #FFFFFF;

  /* -------- Text (deep slate on white) ------------------ */
  --fg:            #1C2128;
  --fg-muted:      #545B65;
  --heading-color: #1C2128;

  /* -------- Accent (single muted slate-grey) ------------ */
  --accent:        #38454F;
  --accent-bright: #475663;
  --accent-hover:  #232B33;
  --accent-2:      #38454F;
  --on-accent:     #FFFFFF;

  --hairline:   rgba(28, 33, 40, 0.14);
  --hairline-2: rgba(28, 33, 40, 0.26);

  /* -------- Hero (heavy slate veil) --------------------- */
  --hero-ink: #FFFFFF;
  --hero-min-h: 78vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 40%, rgba(28,33,40,0.36) 0%, rgba(28,33,40,0.62) 66%, rgba(18,22,28,0.88) 100%),
    linear-gradient(180deg, rgba(28,33,40,0.44) 0%, rgba(28,33,40,0.36) 42%, rgba(18,22,28,0.92) 100%);

  /* -------- Footer (deep slate) ------------------------- */
  --footer-bg:     #1C2128;
  --footer-fg:     rgba(255, 255, 255, 0.74);
  --footer-strong: #FFFFFF;
  --footer-head:   #9DA8B3;

  /* -------- Type (system sans, no import) --------------- */
  --font-display: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body:    system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-hero: clamp(2.2rem, 5vw + 1rem, 4rem);
  --heading-weight: 600;
  --heading-tracking: -0.01em;
  --eyebrow-tracking: 0.14em;

  /* -------- Square corners, hairline rules -------------- */
  --radius-1: 0;
  --radius-2: 0;
  --radius-3: 0;
  --radius-pill: 0;
  --radius-btn: 0;         /* hard square */
  --rule-width: 32px;
  --rule-height: 1px;
  --rule-color: var(--fg);

  --shadow-1: none;
  --shadow-2: none;

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

/* ---- Structural personality: utilitarian, no flourish ---- */

.theme-slate h1,
.theme-slate h2,
.theme-slate h3,
.theme-slate .footer__wordmark {
  letter-spacing: -0.01em;
  font-weight: 600;
}

.theme-slate .rule { height: 1px; width: 32px; }

.theme-slate .eyebrow { color: var(--fg-muted); font-weight: 600; }

/* Service cards: bordered, square, no flourish */
.theme-slate .service-card {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: 0;
  box-shadow: none;
}
.theme-slate .service-card .price {
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* Square-edged trust badges */
.theme-slate .trust-badges .badge-pill { border-radius: 2px; }