/*
 * Sundays Real Estate — theme palette
 *
 * Single source of truth for colours. Swap a palette by changing which
 * :root block is uncommented (or duplicate one and adjust). Anything that
 * paints colour, anywhere in the site, must read from these variables.
 *
 * The brief: tan / beige / sandy / washed-out, with a Kāpiti coast vibe.
 */

/* ── Palette: Sundays (active) ────────────────────────────────────────
 * Lisa's brand kit. Core colours from the branding PDF:
 *   #343232 charcoal · #977959 warm tan · #ECEAE7 off-white · #FFFFFF
 * Extended with warm sand / greige tints so the token system has the
 * range it needs (alternating sections, hairlines, tints). The charcoal
 * + tan pairing drives the dark Services / Packages bands.
 */
:root {
  --c-bg:           #efece5;   /* cream — page background (≈ brand #ECEAE7) */
  --c-bg-alt:       #e2dbc8;   /* warm sand — alternating sections */
  --c-bg-deep:      #c9c3b6;   /* greige — deeper callouts */
  --c-bg-dark:      #343232;   /* charcoal — Services + Packages bands */

  --c-ink:          #343232;   /* charcoal — primary text */
  --c-ink-muted:    #5f5143;   /* deep brown — body */
  --c-ink-soft:     #977959;   /* warm tan — captions, eyebrow */

  --c-accent:       #977959;   /* warm tan — buttons, links */
  --c-accent-deep:  #5f5143;   /* deep brown — hover */
  --c-accent-soft:  #caa680;   /* sand tan — tints */
  --c-accent-cream: #f7e6cc;   /* cream-peach — soft highlight */

  --c-line:         #c9c3b6;   /* hairline rules — greige */
  --c-on-accent:    #efece5;   /* cream — text on accent backgrounds */
  --c-on-dark:      #efece5;   /* cream — text on charcoal sections */

  --c-overlay:      rgba(52, 50, 50, 0.55);    /* charcoal hero darken */
  --c-header-bg:    rgba(239, 236, 229, 0.92); /* translucent cream */
  --c-shadow:       rgba(52, 50, 50, 0.12);    /* charcoal shadow */
}

/* ── Alternative palettes (commented — uncomment ONE to swap during review) */

/* Coastal — cream + pale blue + peach + slate
:root {
  --c-bg: #fff8ef; --c-bg-alt: #d8e6f0; --c-bg-deep: #afc9d8; --c-bg-dark: #2b3b44;
  --c-ink: #3e5663; --c-ink-muted: #5d7480; --c-ink-soft: #8fa1ad;
  --c-accent: #c97f63; --c-accent-deep: #a25e44; --c-accent-soft: #e2b7a4; --c-accent-cream: #f7e6cc;
  --c-line: #c8d6df; --c-on-accent: #fff8ef; --c-on-dark: #fff8ef;
  --c-overlay: rgba(62, 86, 99, 0.50);
  --c-header-bg: rgba(255, 248, 239, 0.92);
  --c-shadow: rgba(62, 86, 99, 0.12);
}
*/

/* Driftwood — warm tan / sand
:root {
  --c-bg: #f3ede3; --c-bg-alt: #e8dfd1; --c-bg-deep: #d8cab4; --c-bg-dark: #2c2620;
  --c-ink: #2c2620; --c-ink-muted: #6b5f52; --c-ink-soft: #a4978a;
  --c-accent: #b08a5a; --c-accent-deep: #8a6a42; --c-accent-soft: #d8c4a6; --c-accent-cream: #f0e2c8;
  --c-line: #cdbfae; --c-on-accent: #fbf7f0; --c-on-dark: #fbf7f0;
  --c-overlay: rgba(28, 22, 18, 0.42);
  --c-header-bg: rgba(243, 237, 227, 0.92);
  --c-shadow: rgba(44, 38, 32, 0.10);
}
*/

/* ── Typography ───────────────────────────────────────────────────────── */
:root {
  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --tracking-display: 0.18em;
  --tracking-eyebrow: 0.32em;
}

/* ── Layout tokens ────────────────────────────────────────────────────── */
:root {
  --max-w: 1240px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --section-y: clamp(4rem, 9vw, 7rem);
  --radius: 4px;
  --radius-lg: 14px;
  --header-h: 76px;
  --transition: 220ms ease;
}