/* =====================================================================
   ALVAR ESTATES — DESIGN TOKENS  (edit colours / fonts here only)
   ===================================================================== */
:root{
  /* Alvar brand mode — monochrome */
  --bg:        #FFFFFF;
  --panel:     #F4F2EE;   /* bone */
  --hair:      #E3E0DA;
  --mute:      #8A8680;   /* stone */
  --ink:       #2B2B2B;   /* graphite body */
  --head:      #000000;   /* headings, logo, primary buttons */
  --accent:    #000000;   /* underlines, secondary buttons */
  --accent-ink:#FFFFFF;
  --header-bg: #FFFFFF;
  --header-ink:#000000;

  --display:'Bodoni Moda', 'Didot', 'Bodoni 72', Georgia, serif;
  --sans:   'Jost', 'Futura', 'Helvetica Neue', Arial, sans-serif;

  --fs-hero:  clamp(2.9rem, 7vw, 6.2rem);
  --fs-h1:    clamp(2.4rem, 4.8vw, 4.2rem);
  --fs-h2:    clamp(1.9rem, 3.2vw, 2.8rem);
  --fs-h3:    clamp(1.3rem, 1.9vw, 1.7rem);
  --fs-lead:  clamp(1.1rem, 1.4vw, 1.3rem);
  --fs-body:  1.0625rem;
  --fs-small: .875rem;
  --track:    .16em;      /* letterspacing for buttons / nav */

  --max:      1360px;
  --measure:  64ch;
  --gutter:   clamp(1.25rem, 4vw, 3.5rem);
  --section:  clamp(4rem, 9vw, 8.5rem);
  --header-h: 108px;
  --ease:     cubic-bezier(.22,.61,.36,1);
}

/* Hawaiʻi — Kona mode */
body.mode-hawaii{
  --bg:#FFFFFF; --panel:#E6EEF2; --hair:#D3DEE5; --mute:#5C7A8A;
  --ink:#1F2F3A; --head:#0F3A52; --accent:#D9822B; --accent-ink:#FFFFFF;
  --header-bg:#FFFFFF; --header-ink:#0F3A52;
}
/* The Bahamas — Bimini mode */
body.mode-bahamas{
  --bg:#F4F2EE; --panel:#E1F3F7; --hair:#DCD7CE; --mute:#8C8478;
  --ink:#2B2B2B; --head:#161616; --accent:#2AB3CF; --accent-ink:#FFFFFF;
  --header-bg:#F4F2EE; --header-ink:#161616;
}