/**
 * AxiMate Ad Creator - Complete Font Library
 * All Google Fonts with 400 and 700 weights where available
 * Organized by category for AI selection
 */

/* ============================================
   FONT CATEGORIES FOR AI SELECTION
   ============================================
   
   PROFESSIONAL: Roboto, Inter, Montserrat, Poppins
   BOLD/IMPACT: Anton, Archivo Black, Bebas Neue, Oswald
   ELEGANT/SERIF: Playfair Display, Lora, Merriweather, Crimson Text
   CASUAL/FRIENDLY: Nunito, Raleway, Rubik
   SCRIPT/DECORATIVE: Dancing Script, Satisfy, Pacifico, Great Vibes, Allura
   
   FALLBACK CHAIN: 'Selected Font', 'Roboto', 'Arial', sans-serif
*/

/* ============================================
   --- SANS SERIF ---
   ============================================ */

/* Roboto - Professional, Clean */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto/Roboto-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto/Roboto-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Inter - Modern, Highly Readable */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Inter/Inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Inter/Inter-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Montserrat - Geometric, Versatile */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Montserrat/Montserrat-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Montserrat/Montserrat-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Nunito - Rounded, Friendly */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Nunito/Nunito-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Nunito/Nunito-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Oswald - Condensed, Bold */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Oswald/Oswald-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Oswald/Oswald-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Poppins - Geometric, Modern */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Poppins/Poppins-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Poppins/Poppins-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Raleway - Elegant, Thin to Bold */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Raleway/Raleway-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Raleway/Raleway-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Rubik - Rounded, Modern */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Rubik/Rubik-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Rubik/Rubik-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Anton - Ultra Bold, Impact */
/* Note: Anton only has 400 weight, but it's naturally bold */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Anton/Anton-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

/* Archivo Black - Heavy, Strong */
/* Note: Archivo Black only has 400 weight */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Archivo Black/Archivo_Black-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

/* Bebas Neue - Condensed, Bold */
/* Note: Bebas Neue only has 400 weight */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Bebas Neue/Bebas_Neue-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

/* ============================================
   --- SERIF ---
   ============================================ */

/* Crimson Text - Classic, Readable */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Crimson Text/Crimson_Text-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Crimson Text/Crimson_Text-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Lora - Modern Serif, Readable */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Lora/Lora-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Lora/Lora-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Merriweather - High Legibility */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Merriweather/Merriweather-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Merriweather/Merriweather-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Playfair Display - Elegant, Editorial */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Playfair Display/Playfair_Display-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Playfair Display/Playfair_Display-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* ============================================
   --- SCRIPT / HANDWRITING ---
   ============================================ */

/* Dancing Script - Casual, Bouncy */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Dancing Script/Dancing_Script-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Dancing Script/Dancing_Script-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

/* Satisfy - Casual, Smooth */
/* Note: Satisfy only has 400 weight */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Satisfy/Satisfy-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

/* Pacifico - Fun, Rounded Script */
/* Note: Pacifico only has 400 weight */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Pacifico/Pacifico-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

/* Great Vibes - Elegant, Flowing */
/* Note: Great Vibes only has 400 weight */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Great Vibes/Great_Vibes-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

/* Allura - Delicate, Elegant */
/* Note: Allura only has 400 weight */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Allura/Allura-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

/* ============================================
   CSS CUSTOM PROPERTIES FOR EASY REFERENCE
   ============================================ */

:root {
  /* Font family definitions with fallbacks */
  --font-roboto: 'Roboto', 'Arial', sans-serif;
  --font-inter: 'Inter', 'Roboto', 'Arial', sans-serif;
  --font-montserrat: 'Montserrat', 'Roboto', 'Arial', sans-serif;
  --font-nunito: 'Nunito', 'Roboto', 'Arial', sans-serif;
  --font-oswald: 'Oswald', 'Impact', 'Arial', sans-serif;
  --font-poppins: 'Poppins', 'Roboto', 'Arial', sans-serif;
  --font-raleway: 'Raleway', 'Roboto', 'Arial', sans-serif;
  --font-rubik: 'Rubik', 'Roboto', 'Arial', sans-serif;
  --font-anton: 'Anton', 'Impact', 'Arial', sans-serif;
  --font-archivo-black: 'Archivo Black', 'Impact', 'Arial', sans-serif;
  --font-bebas-neue: 'Bebas Neue', 'Impact', 'Arial', sans-serif;
  --font-crimson-text: 'Crimson Text', 'Georgia', serif;
  --font-lora: 'Lora', 'Georgia', serif;
  --font-merriweather: 'Merriweather', 'Georgia', serif;
  --font-playfair: 'Playfair Display', 'Georgia', serif;
  --font-dancing-script: 'Dancing Script', 'Brush Script MT', cursive;
  --font-satisfy: 'Satisfy', 'Brush Script MT', cursive;
  --font-pacifico: 'Pacifico', 'Brush Script MT', cursive;
  --font-great-vibes: 'Great Vibes', 'Brush Script MT', cursive;
  --font-allura: 'Allura', 'Brush Script MT', cursive;
  
  /* Universal fallback */
  --font-fallback: 'Roboto', 'Arial', sans-serif;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

.font-roboto { font-family: var(--font-roboto); }
.font-inter { font-family: var(--font-inter); }
.font-montserrat { font-family: var(--font-montserrat); }
.font-nunito { font-family: var(--font-nunito); }
.font-oswald { font-family: var(--font-oswald); }
.font-poppins { font-family: var(--font-poppins); }
.font-raleway { font-family: var(--font-raleway); }
.font-rubik { font-family: var(--font-rubik); }
.font-anton { font-family: var(--font-anton); }
.font-archivo-black { font-family: var(--font-archivo-black); }
.font-bebas-neue { font-family: var(--font-bebas-neue); }
.font-crimson-text { font-family: var(--font-crimson-text); }
.font-lora { font-family: var(--font-lora); }
.font-merriweather { font-family: var(--font-merriweather); }
.font-playfair { font-family: var(--font-playfair); }
.font-dancing-script { font-family: var(--font-dancing-script); }
.font-satisfy { font-family: var(--font-satisfy); }
.font-pacifico { font-family: var(--font-pacifico); }
.font-great-vibes { font-family: var(--font-great-vibes); }
.font-allura { font-family: var(--font-allura); }