/**
 * GPC Framework - Theme Variables
 * CSS fallback variables - Theme.js dynamically updates these
 * 
 * Available themes:
 * - ultraviolet_pulse (default) - Premium purple/violet
 * - arctic_steel - Professional blue/slate
 * - emerald_forge - Industrial green/teal
 * - solar_flare - Warm gold/red
 * - crimson_edge - Deep red/slate
 * - cobalt_drift - Bold blue/coral
 * - copper_harbor - Polished copper/teal
 * - juniper_eclipse - Botanical green/periwinkle
 * - auburn_slate - Rich auburn/slate
 * - aurora_silk - Aurora ribbons/glass
 * - deep_ocean - Deep navy/teal
 * - obsidian_bloom - Obsidian magenta/teal
 * - ember_glass - Molten amber/rose
 * - citrine_atlas - Gilded olive/sky
 * - monsoon_ink - Indigo storm/sky
 * - oxide_conservatory - Glass oxide + botanical lines
 * - aurora_foundry - Aurora + industrial vellum
 * - prism_workshop - Neon glass + industrial grid
 * - titanium_core - Industrial cyan steel
 * - circuit_pulse - Tech blue-green matrix
 * - graphite_precision - Neutral slate teal
 * - quantum_matrix - Modern indigo violet
 * - carbon_forge - Industrial gray orange
 * - steel_nexus - Steel gray industrial
 * - silicon_pulse - Tech blue semiconductor
 * - cobalt_matrix - Deep blue industrial
 * - arc_fusion - Orange/yellow electric industrial
 * - vector_forge - Emerald precision engineering
 */

/* Import Professional B2B Themes (consolidated) */
@import url('./themes2.css');
/* Archived legacy imports retained for reference:
   @import url('./new_themes.css');
   @import url('./new_themes_part2.css');
*/

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

/* ========== BASE DESIGN TOKENS (Non-theme) ========== */
:root {
    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Space Grotesk', var(--font-sans);
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    
    /* Spacing Scale */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;
    
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 9999px;
    
    /* Animation Timing */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Motion Tokens (theme overrides can update) */
    --dur-fast: 140ms;
    --dur-med: 280ms;
    --dur-slow: 520ms;
    --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-exit: cubic-bezier(0.4, 0, 0.2, 1);
    --hover-lift: -2px;

    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --dur-instant: 50ms;
    --dur-slower: 800ms;
    --hover-scale: 1.02;
    --active-scale: 0.98;
    --focus-ring-width: 3px;
    --focus-ring-offset: 2px;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal: 300;
    --z-toast: 400;
    --z-tooltip: 500;
    --blur-sm: 4px;
    --blur-md: 12px;
    --blur-lg: 24px;
    --blur-xl: 40px;
}