/**
 * Fonts Display Bundle — Theme Tokens
 * Vanilla Breeze · Display & Editorial Fonts
 *
 * Fraunces (display serif with WONK + SOFT axes),
 * Cormorant (Garamond-lineage with deep OpenType suite),
 * Bodoni Moda (dramatic optical contrast).
 *
 * For editorial, marketing, and publication contexts.
 */

/* ===== FONTS (outside @layer) ===== */

@font-face {
  font-family: 'Fraunces';
  src: url('./fonts/fraunces-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('./fonts/fraunces-variable-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant';
  src: url('./fonts/cormorant-variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant';
  src: url('./fonts/cormorant-variable-italic.woff2') format('woff2');
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Bodoni Moda';
  src: url('./fonts/bodoni-moda-variable.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bodoni Moda';
  src: url('./fonts/bodoni-moda-variable-italic.woff2') format('woff2');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

/* ===== @property for Fraunces character axes (outside @layer) ===== */

@property --vb-fraunces-wonk {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

@property --vb-fraunces-soft {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

/* ===== Token assignments ===== */

@layer tokens {
  :root {
    --font-display: 'Fraunces', var(--font-serif, Georgia, serif);
    --vb-font-editorial: 'Cormorant', var(--font-serif, Georgia, serif);
    --vb-font-dramatic: 'Bodoni Moda', var(--font-serif, Georgia, serif);
  }
}