/*
 * 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: Coastal (active) ────────────────────────────────────────
 * Cream + pale blue + sky + peach + deep slate. Kāpiti coast vibe.
 * Source colours: #FFF8EF, #D8E6F0, #AFC9D8, #E2B7A4, #3E5663.
 * --c-accent is a slightly deepened peach so cream text on it passes
 * WCAG AA. The original lighter peach lives on as --c-accent-soft.
 */
:root {
  --c-bg:           #fff8ef;   /* cream — page background */
  --c-bg-alt:       #d8e6f0;   /* pale blue — alternating sections */
  --c-bg-deep:      #afc9d8;   /* sky — deeper callouts */

  --c-ink:          #3e5663;   /* deep slate — primary text */
  --c-ink-muted:    #5d7480;   /* slate — body text */
  --c-ink-soft:     #8fa1ad;   /* soft slate — captions */

  --c-accent:       #c97f63;   /* deeper peach — buttons, links */
  --c-accent-deep:  #a25e44;   /* terracotta — hover / pressed */
  --c-accent-soft:  #e2b7a4;   /* light peach — tints, eyebrow */

  --c-line:         #c8d6df;   /* hairline rules — soft slate-blue */
  --c-on-accent:    #fff8ef;   /* cream — text on accent backgrounds */

  --c-overlay:      rgba(62, 86, 99, 0.50);    /* slate hero darken */
  --c-header-bg:    rgba(255, 248, 239, 0.92); /* translucent cream */
  --c-shadow:       rgba(62, 86, 99, 0.12);    /* slate-tinted shadow */
}

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

/* Driftwood — warm tan / sand (was the original)
:root {
  --c-bg: #f3ede3; --c-bg-alt: #e8dfd1; --c-bg-deep: #d8cab4;
  --c-ink: #2c2620; --c-ink-muted: #6b5f52; --c-ink-soft: #a4978a;
  --c-accent: #b08a5a; --c-accent-deep: #8a6a42; --c-accent-soft: #d8c4a6;
  --c-line: #cdbfae; --c-on-accent: #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);
}
*/

/* Linen
:root {
  --c-bg:           #f6f1e7;
  --c-bg-alt:       #ece4d2;
  --c-bg-deep:      #d6c7ad;
  --c-ink:          #20201d;
  --c-ink-muted:    #5d564a;
  --c-ink-soft:     #9a9081;
  --c-accent:       #9b7e5a;
  --c-accent-deep:  #74583a;
  --c-accent-soft:  #d9c8aa;
  --c-line:         #cdbfa6;
  --c-on-accent:    #fbf7ee;
  --c-overlay:      rgba(20, 16, 12, 0.40);
  --c-header-bg:    rgba(246, 241, 231, 0.92);
  --c-shadow:       rgba(32, 28, 22, 0.10);
}
*/

/* Coastal Mist
:root {
  --c-bg:           #efeae0;
  --c-bg-alt:       #dfd6c5;
  --c-bg-deep:      #c8bca6;
  --c-ink:          #2a2926;
  --c-ink-muted:    #6a655c;
  --c-ink-soft:     #a39c91;
  --c-accent:       #93876f;
  --c-accent-deep:  #6b6149;
  --c-accent-soft:  #d3c9b3;
  --c-line:         #c4b9a4;
  --c-on-accent:    #f7f2e7;
  --c-overlay:      rgba(20, 22, 24, 0.45);
  --c-header-bg:    rgba(239, 234, 224, 0.92);
  --c-shadow:       rgba(40, 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;
}