/* bespoké — self-hosted webfonts (latin subset, woff2)
   SUBSTITUTION NOTE: The original brand fonts were not provided. These are the
   closest Google Fonts matches to the logo lockup:
   - Playfair Display  → high-contrast Didone matching the "bespoké" wordmark
   - Cormorant Garamond→ refined editorial serif (subheads, pull quotes)
   - Hanken Grotesk    → clean humanist sans for all product UI / body copy
   Replace with licensed brand fonts when available. */

/* ---- Playfair Display (display serif) ---- */
@font-face { font-family:'Playfair Display'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/PlayfairDisplay-normal-400.woff2') format('woff2'); }
@font-face { font-family:'Playfair Display'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/PlayfairDisplay-normal-500.woff2') format('woff2'); }
@font-face { font-family:'Playfair Display'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/PlayfairDisplay-normal-600.woff2') format('woff2'); }
@font-face { font-family:'Playfair Display'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/PlayfairDisplay-normal-700.woff2') format('woff2'); }
@font-face { font-family:'Playfair Display'; font-style:normal; font-weight:800; font-display:swap; src:url('../fonts/PlayfairDisplay-normal-800.woff2') format('woff2'); }
@font-face { font-family:'Playfair Display'; font-style:italic; font-weight:400; font-display:swap; src:url('../fonts/PlayfairDisplay-italic-400.woff2') format('woff2'); }
@font-face { font-family:'Playfair Display'; font-style:italic; font-weight:500; font-display:swap; src:url('../fonts/PlayfairDisplay-italic-500.woff2') format('woff2'); }
@font-face { font-family:'Playfair Display'; font-style:italic; font-weight:600; font-display:swap; src:url('../fonts/PlayfairDisplay-italic-600.woff2') format('woff2'); }

/* ---- Cormorant Garamond (editorial serif) ---- */
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/CormorantGaramond-normal-400.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/CormorantGaramond-normal-500.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/CormorantGaramond-normal-600.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:italic; font-weight:400; font-display:swap; src:url('../fonts/CormorantGaramond-italic-400.woff2') format('woff2'); }
@font-face { font-family:'Cormorant Garamond'; font-style:italic; font-weight:500; font-display:swap; src:url('../fonts/CormorantGaramond-italic-500.woff2') format('woff2'); }

/* ---- Hanken Grotesk (UI / body sans) ---- */
@font-face { font-family:'Hanken Grotesk'; font-style:normal; font-weight:300; font-display:swap; src:url('../fonts/HankenGrotesk-normal-300.woff2') format('woff2'); }
@font-face { font-family:'Hanken Grotesk'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/HankenGrotesk-normal-400.woff2') format('woff2'); }
@font-face { font-family:'Hanken Grotesk'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/HankenGrotesk-normal-500.woff2') format('woff2'); }
@font-face { font-family:'Hanken Grotesk'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/HankenGrotesk-normal-600.woff2') format('woff2'); }
@font-face { font-family:'Hanken Grotesk'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/HankenGrotesk-normal-700.woff2') format('woff2'); }
@font-face { font-family:'Hanken Grotesk'; font-style:italic; font-weight:400; font-display:swap; src:url('../fonts/HankenGrotesk-italic-400.woff2') format('woff2'); }