/* VibePostAI Google Fonts - Professional AI Platform Typography */

/* Import Google Fonts - Optimized for Performance */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* Font Variables - Professional AI Platform Fonts */
:root {
    --font-heading: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    --font-mono: 'Fira Code', 'SF Mono', 'Monaco', 'Cascadia Code', 'Consolas', monospace;
    --font-icons: 'Inter', sans-serif;
}

/* Font Application */
h1, h2, h3, h4, h5, h6,
.heading,
.hero-title,
.widget-title {
    font-family: var(--font-heading);
}

body,
p, span, div,
.content,
.text {
    font-family: var(--font-body);
}

code, pre,
.code,
.monospace {
    font-family: var(--font-mono);
}

/* Icon Classes */
.icon::before {
    font-family: var(--font-icons);
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Performance Optimizations */
@media (prefers-reduced-motion: reduce) {
    * {
        font-display: swap;
    }
}

/* Font Loading States */
.fonts-loading {
    visibility: hidden;
}

.fonts-loaded {
    visibility: visible;
}