/* ============================================================
   Britt & Maxi — Wedding Holiday · Design Tokens
   Direction: "Esencia" — sophisticated + playful, boutique-hotel.
   Warm ivory + one deep royal blue (monochrome); illustration
   brings the colour. NO metallics.
   Fonts: Playfair Display (Didone display + italic) + Jost (body).
   ============================================================ */

/* ---- Fonts: self-hosted (no Google Fonts request, no visitor IPs leave the site).
        Variable woff2, latin + latin-ext, only the faces the site actually uses. ---- */
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:400 500;
  font-display:swap;
  src:url('fonts/jost-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:400 500;
  font-display:swap;
  src:url('fonts/jost-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Playfair Display';
  font-style:italic;
  font-weight:400 500;
  font-display:swap;
  src:url('fonts/playfair-display-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Playfair Display';
  font-style:italic;
  font-weight:400 500;
  font-display:swap;
  src:url('fonts/playfair-display-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Playfair Display';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/playfair-display-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Playfair Display';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/playfair-display-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  /* ---------- Colour (monochrome blue on ivory) ---------- */
  --paper:      #FCF9EF; /* warm ivory — page background */
  --paper-soft: #F6F1E3; /* faintly deeper ivory — quiet panels */

  --blue:       #002993; /* THE colour — headings, wordmark, body text, buttons */
  --blue-deep:  #001E70; /* hover / footer emphasis */
  --blue-soft:  #4C5CA0; /* muted royal — secondary/eyebrow text */

  --ink:        #002993; /* body text is the royal blue itself (Esencia move) */

  --line:       rgba(0,41,147,.20); /* hairline rules & borders — thin blue */
  --on-blue:    #FCF9EF;            /* ivory text/icons on a blue fill */

  /* ---------- Typography ---------- */
  --font-display: "Playfair Display", Georgia, serif;  /* wordmark, headings, italic display */
  --font-body:    "Jost", system-ui, sans-serif;       /* functional body, labels, buttons */

  /* type scale (rem-based; respects user zoom) */
  --fs-hero:   clamp(2.75rem, 7vw, 5rem);      /* wordmark */
  --fs-display:clamp(1.6rem, 3.4vw, 2.5rem);   /* large italic display lines */
  --fs-h2:     clamp(1.5rem, 3vw, 2.15rem);
  --fs-lede:   clamp(1.15rem, 1.8vw, 1.35rem);
  --fs-body:   1.0625rem;                        /* 17px */
  --fs-eyebrow:0.72rem;                          /* ~11.5px */
  --fs-small:  0.8125rem;                        /* 13px */

  --lh-tight:  1.08;  /* wordmark / headings */
  --lh-display:1.24;  /* italic display lines */
  --lh-body:   1.75;  /* paragraphs */

  /* letter-spacing */
  --ls-wordmark: .14em;  /* big tracked caps */
  --ls-caps:     .26em;  /* eyebrows, nav, buttons, labels */
  --ls-display:  .005em; /* large serif display */

  /* ---------- Layout ---------- */
  --maxw:      1120px;
  --maxw-text: 46rem;    /* comfortable reading column */
  --space-1: 8px;  --space-2: 16px; --space-3: 24px;
  --space-4: 40px; --space-5: 64px; --space-6: 96px;
  --hairline: 1px solid var(--line);
}

/* ------------------------------------------------------------
   Usage notes
   ------------------------------------------------------------
   • Monochrome: everything is --blue on --paper. No brass, no gold,
     no olive. Colour enters ONLY through the illustration/photos.
   • Wordmark & big headings: Playfair Display caps, tracked
     (--ls-wordmark). Section headings: Playfair, smaller.
   • Personality lives in Playfair *italic* — the playful/emotional
     lines (hero tagline, intro, closing) are large italic serif.
   • Functional text (FAQ answers, notes, nav, buttons, labels):
     Jost. Labels/nav/buttons are UPPERCASE + tracked (--ls-caps).
   • Buttons: solid = --blue bg + --on-blue text; ghost = 1px --blue
     border + --blue text, inverts to solid on hover. Sharp corners.
   • Keep it airy: generous whitespace, centered compositions,
     thin --line hairlines. No ornament, no frames, no motifs.
   ------------------------------------------------------------ */