/* =========================================================================
   THEME — CONSTRUCTION · HOMEROW BUILDERS
   High-class general contractor: Hearst Tower / Lincoln Center clientele.
   Concrete-grey + warm cream + deep forest green. Stately serif headlines,
   clean sans body. Restrained. Expensive. Built to last.

   Drives the construction vertical as a polished GC marketing site —
   wildly distinct from the music/film verticals to showcase how the same
   engine produces totally different products.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap');

:root {
    /* ── SURFACES ────────────────────────────────────────────────────────
       Warm cream paper backdrop — premium portfolio brochure. */
    --bg-base:        #f3efe8;
    --bg-surface:     #ebe6dc;
    --bg-elevated:    #ffffff;
    --bg-deep:        #1f2722;   /* deep forest for dark sections */

    /* ── TYPE ────────────────────────────────────────────────────────────
       Ink charcoal, not pure black. Reads softer on warm cream. */
    --text-primary:   #1a1c1f;
    --text-mute:      #5b6168;
    --text-faint:     #8a8f96;

    /* ── ACCENTS ─────────────────────────────────────────────────────────
       Deep forest green — boardroom, blueprint cover. Brass for moments. */
    --accent:         #1f4d3a;   /* forest green */
    --accent-2:       #c2a55b;   /* brass */
    --accent-muted:   #c2a55b;

    /* ── LINES ───────────────────────────────────────────────────────────
       Fine hairline rules — a portfolio binder. */
    --border:         rgba(26, 28, 31, 0.14);
    --border-strong:  rgba(26, 28, 31, 0.32);

    /* ── TYPE STACK ─────────────────────────────────────────────────────
       Cormorant Garamond for stately serif headlines. Inter for body. */
    --font-heading:   'Cormorant Garamond', 'Times New Roman', serif;
    --font-body:      'Inter', system-ui, sans-serif;

    /* ── Aliases the skeleton templates expect ──────────────────────── */
    --paper:          var(--bg-base);
    --paper-2:        var(--bg-surface);
    --ink:            var(--text-primary);
    --ink-soft:       var(--text-mute);
    --ink-mute:       var(--text-faint);
    --rule:           var(--border);
    --rule-hi:        var(--border-strong);
    --gold:           var(--accent-2);
    --gold-bright:    var(--accent);
    --mauve:          var(--accent);
    --mustard:        var(--accent-2);
    --serif:          var(--font-heading);
    --sans:           var(--font-body);
    --mono:           'Inter', system-ui, sans-serif;
}

body {
    background: var(--bg-base) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Stately serif headlines through the skeleton */
h1, h2, h3, h4, h5, h6,
.headline, .nav-brand, .prog-title {
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 1.05;
}
.headline em, .prog-title em {
    font-style: italic;
    color: var(--accent);
}