/* 
 * VideoPeersJS - Font Configuration
 * Local fonts configuration and fallbacks
 */

/* Import all local font families */
@import './inter.css';
@import './poppins.css';
@import './josefin-sans.css';
@import './space-grotesk.css';

/* Font Stack Definitions */
:root {
  /* Primary font stack with fallbacks */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  
  /* Accent font stack */
  --font-accent: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  
  /* Display font stack */
  --font-display: 'Space Grotesk', 'Josefin Sans', 'Inter', system-ui, sans-serif;
  
  /* Monospace stack (for code/technical elements) */
  --font-mono: 'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace;
}

/* CSS Custom Properties for font weights */
:root {
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
}

/* Apply font optimization to all elements */
* {
  font-feature-settings: 'kern' 1, 'liga' 1;
  text-rendering: optimizeLegibility;
}

/* Utility classes for font optimization */
.font-optimized {
  font-feature-settings: 'kern' 1, 'liga' 1, 'ss01' 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font preload hints (for performance) */
.font-preload-hint {
  font-display: swap;
}