/**
 * Minimal Fonts Configuration for ai-intelligent.html
 * Only includes fonts actually used on the page
 * Optimized for performance - reduces font loading from ~1.5MB to ~400KB
 */

@font-face {
    font-family: 'BlinkMacSystemFont';
    src: url('/static/fonts/blinkmacsystemfont-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BlinkMacSystemFont';
    src: url('/static/fonts/blinkmacsystemfont-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BlinkMacSystemFont';
    src: url('/static/fonts/blinkmacsystemfont-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BlinkMacSystemFont';
    src: url('/static/fonts/blinkmacsystemfont-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Emoji font fallback - ensures emojis render correctly */
@font-face {
    font-family: 'Emoji Fallback';
    src: local('Apple Color Emoji'),
         local('Segoe UI Emoji'),
         local('Segoe UI Symbol'),
         local('Noto Color Emoji'),
         local('Android Emoji');
    unicode-range: U+1F300-1F9FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF, U+2700-27BF;
}

/**
 * Font Family Variable
 * ====================
 * Use this variable throughout your CSS for consistent font usage
 * Falls back to system fonts if custom font fails to load
 * Includes emoji fonts for proper emoji rendering across all browsers
 */
:root {
    --font-primary: 'BlinkMacSystemFont', 
                    -apple-system, 
                    BlinkMacSystemFont, 
                    'Segoe UI', 
                    Roboto, 
                    'Emoji Fallback',
                    'Apple Color Emoji',
                    'Segoe UI Emoji',
                    'Segoe UI Symbol',
                    'Noto Color Emoji',
                    sans-serif;
    --letter-spacing-base: 0.03em;
}

/**
 * Global Typography Base Styles
 * =============================
 * Applied to all pages for consistent typography
 */
body {
    letter-spacing: var(--letter-spacing-base);
}