/* ============================================================
   Theme: ATLAS  -  quote-led, professional, surveyor-feel trade
   ------------------------------------------------------------
   For: quote-led specialists where the page has to read like a
   document - roofers and roof-assessors, draft-and-build
   consultants, building inspectors, quote-only builders.
   Mood: a tidy quote on a clipboard. Off-white and warm grey,
   a single muted ochre accent, a calm transitional serif over
   Inter, tabular numerals, hairline rules, no shadows. Calm
   and credible, never loud.
   ============================================================ */

@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-atlas {
  /* -------- Surfaces (warm off-white) ------------------- */
  --bg:        #F2EFE8;
  --bg-2:      #E7E2D6;
  --surface:   #FBF8F0;

  /* -------- Text (warm slate on off-white) -------------- */
  --fg:            #2C3038;
  --fg-muted:      #5F6470;
  --heading-color: #1E232B;

  /* -------- Accent (single muted ochre) ----------------- */
  --accent:        #A06A2C;
  --accent-bright: #B47734;
  --accent-hover:  #835324;
  --accent-2:      #A06A2C;
  --on-accent:     #FBF8F0;

  --hairline:   rgba(44, 48, 56, 0.14);
  --hairline-2: rgba(44, 48, 56, 0.24);

  /* -------- Hero (warm slate veil) ---------------------- */
  --hero-ink: #FBF8F0;
  --hero-min-h: 82vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 40%, rgba(30,35,43,0.32) 0%, rgba(30,35,43,0.56) 66%, rgba(20,24,30,0.84) 100%),
    linear-gradient(180deg, rgba(30,35,43,0.40) 0%, rgba(30,35,43,0.34) 42%, rgba(20,24,30,0.86) 100%);

  /* -------- Footer (deep slate) ------------------------- */
  --footer-bg:     #1E232B;
  --footer-fg:     rgba(251, 248, 240, 0.74);
  --footer-strong: #FBF8F0;
  --footer-head:   #C8A468;

  /* -------- 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;

  /* -------- Tight corners, hairline rules --------------- */
  --radius-1: 2px;
  --radius-2: 6px;
  --radius-3: 10px;
  --radius-pill: 999px;
  --radius-btn: 6px;       /* tight-soft, document feel */
  --rule-width: 36px;
  --rule-height: 1px;
  --rule-color: var(--accent);

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

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

/* ---- Structural personality: calm, credible ------------- */

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

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

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

/* Service cards: tidy quote-card feel */
.theme-atlas .service-card {
  background: var(--surface);
  border: 1px solid var(--hairline);
  box-shadow: none;
}
.theme-atlas .service-card .price {
  color: var(--accent);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* Calm intro lede, restrained emphasis */
.theme-atlas .intro__lede { font-weight: 400; }
.theme-atlas .intro__lede em { font-style: italic; color: var(--accent-bright); }