/*
 * FlowDrya Website - Typography System
 * Logo Font: Impact (for STRONGA logo only)
 * Content Font: Roboto (default) with testing alternatives
 */

/* Logo Font - Impact */
@import url('https://fonts.cdnfonts.com/css/impact');

/* Override Impact font-display (cdnfonts doesn't support display=swap param) */
@font-face {
  font-family: 'Impact';
  font-display: swap;
}

/* Content Fonts - Google Fonts API v2 with optimized loading */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Typography Variables */
:root {
  --logo-font: 'Impact', sans-serif;
  --content-font: 'Roboto', sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}

/* Apply Logo Font - ONLY for STRONGA logo */
.logo-text,
.stronga-logo {
  font-family: var(--logo-font);
  font-weight: var(--font-weight-regular);
}

/* Apply Content Font - For ALL content */
body {
  font-family: var(--content-font);
  font-weight: var(--font-weight-regular);
}

/* Font Switcher Classes - Testing Only */
body.font-roboto {
  font-family: 'Roboto', sans-serif;
}

body.font-inter {
  font-family: 'Inter', sans-serif;
}

body.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

body.font-opensans {
  font-family: 'Open Sans', sans-serif;
}

/* Font Weight Helper Classes */
.fw-light { font-weight: var(--font-weight-light); }
.fw-regular { font-weight: var(--font-weight-regular); }
.fw-medium { font-weight: var(--font-weight-medium); }
.fw-bold { font-weight: var(--font-weight-bold); }
.fw-black { font-weight: var(--font-weight-black); }