/* ============================================================
   La Vida Rose — Brand Web Fonts
   ------------------------------------------------------------
   Files actually present in /assets/fonts/:
     - CF Rogade Demo.otf      (display, single weight)
     - Avenir Black.ttf        (heavy accent, single weight ~800)
     - poppins-{300..700}.woff2

   ⚠️ Avenir family is currently incomplete (only Black weight).
   Until the licensed Avenir Book/Light/Medium files arrive,
   --font-body and --font-heading fall back to Poppins.
   See: .claude/todos.md task #1.
   ============================================================ */

/* ---------- 1. CF Rogade Demo — Display / H1 / Decorative ---------- */
@font-face {
  font-family: 'CF Rogade';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('CF Rogade Demo.otf') format('opentype');
}

/* ---------- 2. Avenir Black — Heavy accents only ----------
   Single weight (Black, ~800). Reserve for stat numbers,
   pull quotes, and dramatic accents — not body copy.
*/
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
  src: url('Avenir Black.ttf') format('truetype');
}

/* ---------- 3. Poppins — UI / body fallback ---------- */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('poppins-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('poppins-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('poppins-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('poppins-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('poppins-700.woff2') format('woff2');
}

/* ============================================================
   CSS variables — single source of truth for typography.
   Import this file FIRST, before any other stylesheet.
   ============================================================ */
:root {
  /* Display / hero headers — CF Rogade Demo */
  --font-display: 'CF Rogade', 'Cormorant Garamond', Georgia, serif;

  /* Standard H2–H6, subheads — Poppins fallback (Avenir Book pending) */
  --font-heading: 'Poppins', 'Avenir Next', system-ui, -apple-system, sans-serif;

  /* Long-form body copy — Poppins fallback (Avenir Book pending) */
  --font-body:    'Poppins', 'Avenir Next', system-ui, -apple-system, sans-serif;

  /* Nav, buttons, badges, captions, marketing labels */
  --font-ui:      'Poppins', system-ui, -apple-system, sans-serif;

  /* Heavy accent — Avenir Black (use sparingly: stat numbers, pull-quotes) */
  --font-accent:  'Avenir', 'Poppins', sans-serif;
}