/* WebByVoice — 6 Font Combinations (Google Fonts)
   Diverse: serif, sans, script, display, typewriter */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;600&family=Space+Grotesk:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Inter:wght@300;400;500;600&family=Dancing+Script:wght@400;600;700&family=Nunito+Sans:wght@300;400;600&family=Special+Elite&family=IBM+Plex+Mono:wght@300;400;500;600&family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@300;400;600&family=DM+Serif+Display&family=Caveat:wght@400;600;700&family=Nunito:wght@300;400;600;700&family=Outfit:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600&family=Archivo+Black&family=Bebas+Neue&family=Abril+Fatface&family=Marcellus&family=Josefin+Sans:wght@300;400;600&family=Bricolage+Grotesque:wght@300;400;500;600;700&display=swap');

/* 1. Classic — elegant serif + clean sans */
.font-classic {
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Lato', 'Helvetica Neue', sans-serif;
}

/* 2. Refined — tall elegant serif + geometric sans */
.font-refined {
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Montserrat', 'Helvetica Neue', sans-serif;
}

/* 3. Modern — geometric tech + friendly rounded */
.font-modern {
  --font-heading: 'Space Grotesk', 'Helvetica Neue', sans-serif;
  --font-body: 'Poppins', 'Helvetica Neue', sans-serif;
}

/* 4. Statement — expressive display serif (hedepy Reckless-like) + neutral */
.font-statement {
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}

/* 5. Script — handwritten cursive + clean sans */
.font-script {
  --font-heading: 'Dancing Script', cursive;
  --font-body: 'Nunito Sans', 'Helvetica Neue', sans-serif;
}

/* 6. Typewriter — monospace heading + mono body */
.font-typewriter {
  --font-heading: 'Special Elite', 'Courier New', monospace;
  --font-body: 'IBM Plex Mono', 'Courier New', monospace;
}

/* ---- Calm font variants (step 2 — 4 distinctly different moods) ---- */

/* Calm 1 — Classic elegance (serif + sans) */
.font-calm-1 {
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Lato', 'Helvetica Neue', sans-serif;
}

/* Calm 2 — Handwritten personal (script + rounded sans) */
.font-calm-2 {
  --font-heading: 'Caveat', 'Comic Sans MS', cursive;
  --font-body: 'Nunito', 'Helvetica Neue', sans-serif;
}

/* Calm 3 — Modern rounded (geometric sans + clean sans) */
.font-calm-3 {
  --font-heading: 'Outfit', 'Helvetica Neue', sans-serif;
  --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;
}

/* Calm 4 — Editorial modern (variable serif + neutral sans) */
.font-calm-4 {
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}

/* ---- WARM font variants (editorial, earthy — each very different) ---- */

/* Warm 1 — Editorial classic (current) */
.font-warm-1 {
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Montserrat', 'Helvetica Neue', sans-serif;
}
/* Warm 2 — Magazine display (Abril — dramatic high-contrast) */
.font-warm-2 {
  --font-heading: 'Abril Fatface', Georgia, serif;
  --font-body: 'Lato', 'Helvetica Neue', sans-serif;
}
/* Warm 3 — Boutique classic (Marcellus — roman serif) */
.font-warm-3 {
  --font-heading: 'Marcellus', Georgia, serif;
  --font-body: 'Work Sans', 'Helvetica Neue', sans-serif;
}
/* Warm 4 — Modern editorial (Fraunces + Poppins) */
.font-warm-4 {
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Poppins', 'Helvetica Neue', sans-serif;
}

/* ---- ELEGANT font variants (prestigious, SaaS) ---- */

/* Elegant 1 — Classic prestige (current) */
.font-elegant-1 {
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Lato', 'Helvetica Neue', sans-serif;
}
/* Elegant 2 — Modern tech (Space Grotesk — no-serif for SaaS) */
.font-elegant-2 {
  --font-heading: 'Space Grotesk', 'Helvetica Neue', sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}
/* Elegant 3 — Refined editorial (Cormorant) */
.font-elegant-3 {
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Montserrat', 'Helvetica Neue', sans-serif;
}
/* Elegant 4 — Statement bold (DM Serif Display) */
.font-elegant-4 {
  --font-heading: 'DM Serif Display', Georgia, serif;
  --font-body: 'Source Sans 3', 'Helvetica Neue', sans-serif;
}

/* ---- BOLD font variants (playful, expressive) ---- */

/* Bold 1 — Expressive serif (current Fraunces) */
.font-bold-1 {
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}
/* Bold 2 — Playful rounded (Outfit) */
.font-bold-2 {
  --font-heading: 'Outfit', 'Helvetica Neue', sans-serif;
  --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;
}
/* Bold 3 — Condensed statement (Bebas Neue — impact caps) */
.font-bold-3 {
  --font-heading: 'Bebas Neue', Impact, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}
/* Bold 4 — Script + clean (Dancing Script) */
.font-bold-4 {
  --font-heading: 'Dancing Script', cursive;
  --font-body: 'Nunito', 'Helvetica Neue', sans-serif;
}

/* ---- STUDIO font variants (creative portfolio) ---- */

/* Studio 1 — Italic elegance (current Cormorant) */
.font-studio-1 {
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Poppins', 'Helvetica Neue', sans-serif;
}
/* Studio 2 — Brutalist bold (Archivo Black — heavy sans) */
.font-studio-2 {
  --font-heading: 'Archivo Black', Impact, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}
/* Studio 3 — Modern geometric (Josefin Sans) */
.font-studio-3 {
  --font-heading: 'Josefin Sans', 'Helvetica Neue', sans-serif;
  --font-body: 'Work Sans', 'Helvetica Neue', sans-serif;
}
/* Studio 4 — Editorial display (Bricolage Grotesque) */
.font-studio-4 {
  --font-heading: 'Bricolage Grotesque', 'Helvetica Neue', sans-serif;
  --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;
}

/* ---- DARK font variants (tech, SaaS dark mode) ---- */

/* Dark 1 — Modern tech (current Space Grotesk) */
.font-dark-1 {
  --font-heading: 'Space Grotesk', 'Helvetica Neue', sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}
/* Dark 2 — Futuristic mono (IBM Plex Mono heading) */
.font-dark-2 {
  --font-heading: 'IBM Plex Mono', 'Courier New', monospace;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}
/* Dark 3 — Bold statement (Bricolage Grotesque) */
.font-dark-3 {
  --font-heading: 'Bricolage Grotesque', 'Helvetica Neue', sans-serif;
  --font-body: 'Manrope', 'Helvetica Neue', sans-serif;
}
/* Dark 4 — Elegant dark (Fraunces for contrast) */
.font-dark-4 {
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
}