/* Ineffable fonts-only (Cormorant + Manrope + JetBrains Mono). Voor self-contained paginas (pillars, blogs) die alleen de webfonts nodig hebben, niet de volledige token-set. */

/**
 * Ineffable Branding OFFICIAL · Midnight Navy + Bronze Gold + Ivory
 *
 * Bron: _shared/branding/official-kit/brand-tokens-official.css (designer-deliverable 2026)
 * Drop-in vervanger van branding-v5.css: zelfde token-namen, official merk-waarden.
 * Kleuren: #0A1628 navy · #F7F3F0 ivory · #B9925A bronze-gold. Fonts: Cormorant + Manrope.
 *
 * Slogan: "We see what others miss"
 * Mood: premium fragrance, dark-mode-first editorial, luxury jewelry-stationery.
 * Palette: deep midnight navy + warm gold + violet undertones + cream off-white.
 * Inspiratie-beelden:
 *   - branding-references/inspiration-v5a-blockff.png (block-FF, paars-getint)
 *   - branding-references/inspiration-v5b-cursiefff.png (cursief ff, navy , PRIMARY)
 * Design-prompt: branding-references/v5-design-prompt.md
 *
 * Buttons: pill-shape, gold-met-dark-navy-text (5.5:1 contrast WCAG AA),
 * gold-tinted glow shadows + lift bij hover.
 */

/* ============================================================
 *  WEB FONTS
 * ============================================================ */

/* Self-hosted webfonts (latin + latin-ext), woff2, font-display: swap.
 * Vervangt de cross-origin Google-fonts fetch om FCP/LCP te verlagen.
 * Files in /branding/fonts/. Family-namen identiek aan de --serif/--sans/--mono tokens.
 * unicode-ranges 1:1 overgenomen uit Google css2-output. */

/* ---- Cormorant (serif · variable 300-700) ---- */
@font-face {
  font-family: 'Cormorant'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url('/branding/fonts/cormorant-400.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: 'Cormorant'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url('/branding/fonts/cormorant-400-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: 'Cormorant'; font-style: italic; font-weight: 300 700; font-display: swap;
  src: url('/branding/fonts/cormorant-400-italic.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: 'Cormorant'; font-style: italic; font-weight: 300 700; font-display: swap;
  src: url('/branding/fonts/cormorant-400-italic-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;
}

/* ---- Manrope (sans · variable 300-800) ---- */
@font-face {
  font-family: 'Manrope'; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url('/branding/fonts/manrope-400.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: 'Manrope'; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url('/branding/fonts/manrope-400-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;
}

/* ---- JetBrains Mono (code + data) ---- */
@font-face {
  font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/branding/fonts/jetbrains-mono-400.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: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/branding/fonts/jetbrains-mono-400-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: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('/branding/fonts/jetbrains-mono-400.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: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('/branding/fonts/jetbrains-mono-400-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;
}

/* ============================================================
 *  DESIGN TOKENS , LIGHT MODE (V5 dark-first, light is alternatief)
 * ============================================================ */