/* ============================================================
   Theme: COVE  -  calm indoor-finish trades
   ------------------------------------------------------------
   For: indoor finish trades - tilers, cabinet-makers, joiners,
   glaziers, stonemasons, bathroom and kitchen specialists.
   Mood: a tile and stone showroom in morning light. Soft warm
   stone, muted clay accent, calm humanist serif over Inter,
   soft rounded corners, hairline rules, no shadows. Light,
   premium, restrained - never shouty.
   ============================================================ */

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

.theme-cove {
  /* -------- Surfaces (warm stone) ----------------------- */
  --bg:        #EFE9DC;
  --bg-2:      #E2DAC6;
  --surface:   #F7F2E5;

  /* -------- Text (warm brown on stone) ------------------ */
  --fg:            #34291F;
  --fg-muted:      #7A6B58;
  --heading-color: #261D15;

  /* -------- Accent (single muted clay) ------------------ */
  --accent:        #A56848;
  --accent-bright: #B97852;
  --accent-hover:  #84502E;
  --accent-2:      #A56848;
  --on-accent:     #F7F2E5;

  --hairline:   rgba(52, 41, 31, 0.12);
  --hairline-2: rgba(52, 41, 31, 0.22);

  /* -------- Hero (warm brown veil) ---------------------- */
  --hero-ink: #F7F2E5;
  --hero-min-h: 82vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 40%, rgba(38,29,21,0.30) 0%, rgba(38,29,21,0.54) 66%, rgba(26,20,14,0.84) 100%),
    linear-gradient(180deg, rgba(38,29,21,0.38) 0%, rgba(38,29,21,0.32) 42%, rgba(26,20,14,0.86) 100%);

  /* -------- Footer (deep warm brown) -------------------- */
  --footer-bg:     #261D15;
  --footer-fg:     rgba(247, 242, 229, 0.76);
  --footer-strong: #F7F2E5;
  --footer-head:   #C8956F;

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

  --fs-hero: clamp(2.4rem, 5.5vw + 1rem, 4.4rem);
  --heading-weight: 500;
  --heading-tracking: -0.005em;
  --eyebrow-tracking: 0.2em;

  /* -------- Soft corners, hairline rules ---------------- */
  --radius-1: 4px;
  --radius-2: 10px;
  --radius-3: 16px;
  --radius-pill: 999px;
  --radius-btn: 10px;      /* soft, warm showroom */
  --rule-width: 36px;
  --rule-height: 1px;
  --rule-color: var(--accent);

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

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

/* ---- Structural personality: warm, restrained showroom -- */

.theme-cove h1,
.theme-cove h2,
.theme-cove h3,
.theme-cove .footer__wordmark {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.005em;
}

.theme-cove .rule { height: 1px; width: 36px; }

.theme-cove .eyebrow { color: var(--accent); font-weight: 600; }

.theme-cove .service-card {
  background: var(--surface);
  border: 1px solid var(--hairline);
  box-shadow: none;
}
.theme-cove .service-card .price {
  color: var(--accent);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.theme-cove .intro__lede { font-weight: 400; }
.theme-cove .intro__lede em { font-style: italic; color: var(--accent-bright); }