/* Google Fonts - CDN imports */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Source+Sans+3:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&family=Inter:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;700&family=Barlow:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Heebo:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;600&family=Zilla+Slab:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Open+Sans:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Merriweather:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=Space+Mono:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600&family=Noto+Serif:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600&family=Roboto+Flex:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Karla:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sniglet&family=M+PLUS+Rounded+1c:wght@400;500&display=swap');

/* Variables de fuentes por defecto */
:root {
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

/* ========== MODERN & MINIMALIST ========== */

[data-fonts="montserrat-source"] {
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Source Sans 3', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="manrope-inter"] {
  --font-heading: 'Manrope', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="albert-barlow"] {
  --font-heading: 'Albert Sans', sans-serif;
  --font-body: 'Barlow', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

/* ========== CLASSICALLY ELEGANT ========== */

[data-fonts="playfair-raleway"] {
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Raleway', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="cormorant-raleway"] {
  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Raleway', sans-serif;
  --font-weight-heading: 600;
  --font-weight-body: 400;
}

[data-fonts="prata-manrope"] {
  --font-heading: 'Prata', serif;
  --font-body: 'Manrope', sans-serif;
  --font-weight-heading: 400;
  --font-weight-body: 400;
}

/* ========== BOLD & CONTEMPORARY ========== */

[data-fonts="bebas-heebo"] {
  --font-heading: 'Bebas Neue', sans-serif;
  --font-body: 'Heebo', sans-serif;
  --font-weight-heading: 400;
  --font-weight-body: 400;
}

[data-fonts="lexend-zilla"] {
  --font-heading: 'Lexend', sans-serif;
  --font-body: 'Zilla Slab', serif;
  --font-weight-heading: 600;
  --font-weight-body: 400;
}

[data-fonts="syne"] {
  --font-heading: 'Syne', sans-serif;
  --font-body: 'Syne', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

/* ========== FRIENDLY & WHIMSICAL ========== */

[data-fonts="caveat-karla"] {
  --font-heading: 'Caveat', cursive;
  --font-body: 'Karla', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="sniglet-mplus"] {
  --font-heading: 'Sniglet', cursive;
  --font-body: 'M PLUS Rounded 1c', sans-serif;
  --font-weight-heading: 400;
  --font-weight-body: 400;
}

/* ========== HIGH-READABILITY ========== */

[data-fonts="roboto-opensans"] {
  --font-heading: 'Roboto', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="lato-merriweather"] {
  --font-heading: 'Lato', sans-serif;
  --font-body: 'Merriweather', serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="poppins-montserrat"] {
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Montserrat', sans-serif;
  --font-weight-heading: 600;
  --font-weight-body: 400;
}

/* ========== TECH-OPTIMIZED ========== */

[data-fonts="inter-noto"] {
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Noto Sans', sans-serif;
  --font-weight-heading: 600;
  --font-weight-body: 400;
}

[data-fonts="roboto-work"] {
  --font-heading: 'Roboto Flex', sans-serif;
  --font-body: 'Work Sans', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

/* ========== BRAND-FORWARD ========== */

[data-fonts="fraunces-inter"] {
  --font-heading: 'Fraunces', serif;
  --font-body: 'Inter', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="space-grotesk-mono"] {
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Space Mono', monospace;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

/* ========== ACCESSIBILITY ========== */

[data-fonts="atkinson-inter"] {
  --font-heading: 'Atkinson Hyperlegible', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="noto-sans-serif"] {
  --font-heading: 'Noto Serif', serif;
  --font-body: 'Noto Sans', sans-serif;
  --font-weight-heading: 600;
  --font-weight-body: 400;
}

/* ========== TREND-FORWARD 2025 ========== */

[data-fonts="arvo-roboto"] {
  --font-heading: 'Arvo', serif;
  --font-body: 'Roboto', sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
}

[data-fonts="montserrat-raleway"] {
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Raleway', sans-serif;
  --font-weight-heading: 900;
  --font-weight-body: 400;
}