/**
 * Base Typography
 * Font imports and foundational typography styles
 *
 * @package BeepBeep_AI
 * @since 5.0.0
 */

/* Font Imports */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* Base Typography Variables */
:root {
    --bbai-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --bbai-font-family-heading: 'Manrope', var(--bbai-font-family);
}

/* Typography Foundation */
.bbai-modern {
    font-family: var(--bbai-font-family);
    line-height: var(--bbai-leading-relaxed);
    color: var(--bbai-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Heading Styles */
.bbai-modern h1,
.bbai-modern h2,
.bbai-modern h3,
.bbai-modern h4,
.bbai-modern h5,
.bbai-modern h6 {
    font-family: var(--bbai-font-family-heading);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1rem;
}

.bbai-modern h1 {
    font-size: 2.25rem;
    letter-spacing: -0.02em;
}

.bbai-modern h2 {
    font-size: 1.875rem;
    letter-spacing: -0.01em;
}

.bbai-modern h3 {
    font-size: 1.5rem;
}

.bbai-modern h4 {
    font-size: 1.25rem;
}

.bbai-modern h5 {
    font-size: 1.125rem;
}

.bbai-modern h6 {
    font-size: 1rem;
}

/* Paragraph Styles */
.bbai-modern p {
    margin: 0 0 1rem;
}

.bbai-modern p:last-child {
    margin-bottom: 0;
}

/* Text Utilities */
.bbai-text-sm {
    font-size: 0.875rem;
}

.bbai-text-xs {
    font-size: 0.75rem;
}

.bbai-text-lg {
    font-size: 1.125rem;
}

.bbai-text-xl {
    font-size: 1.25rem;
}

.bbai-font-medium {
    font-weight: 500;
}

.bbai-font-semibold {
    font-weight: 600;
}

.bbai-font-bold {
    font-weight: 700;
}