/* Font loading moved to index.html for performance */

:root {
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Poppins', 'Inter', sans-serif;
    
    --text-xs: clamp(0.75rem, 0.5vw + 0.5rem, 0.875rem);
    --text-sm: clamp(0.875rem, 0.5vw + 0.65rem, 1rem);
    --text-base: clamp(1rem, 0.5vw + 0.85rem, 1.125rem);
    --text-lg: clamp(1.125rem, 1vw + 0.85rem, 1.5rem);
    --text-xl: clamp(1.5rem, 2vw + 1rem, 2.5rem);
    --text-2xl: clamp(2rem, 3vw + 1.5rem, 4rem);
    --text-3xl: clamp(3rem, 5vw + 2rem, 6rem);
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-base);
    color: var(--color-text);
    background-color: var(--color-bg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    font-weight: 700;
}

.gradient-text {
    background: var(--gradient-animated);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-rotate 4s ease infinite;
}