@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Google+Sans+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); 
/* CSS Variables & Design Tokens - Modern White & Light Theme */
:root {
    /* Brand & Accent Color Palette */
    --color-primary: #4F46E5;
    --color-primary-rgb: 79, 70, 229;
    --color-primary-hover: #4338CA;
    --color-secondary: #6366F1;
    --color-secondary-rgb: 99, 102, 241;
    --color-accent: #0EA5E9;
    --color-accent-rgb: 14, 165, 233;
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
    
    /* Neutral & Text Color Hierarchy (Clean Slate / Obsidian) */
    --color-dark: #0F172A;
    --color-dark-deep: #020617;
    --color-heading: #0F172A;
    --color-body: #334155;
    --color-muted: #64748B;
    --color-light: #F8FAFC;
    
    /* White / Light Theme Surfaces */
    --bg-body: #F8FAFC;
    --bg-surface: #FFFFFF;
    --bg-subtle: #F1F5F9;
    --bg-card: #FFFFFF;
    --bg-card-hover: #FFFFFF;
    --bg-footer: #0B0F19;
    --border-color: #E2E8F0;
    --border-glass: rgba(226, 232, 240, 0.9);
    --border-hover: #CBD5E1;
    --bg-glass: rgba(255, 255, 255, 0.88);
    --bg-glass-hover: rgba(255, 255, 255, 0.98);
    
    /* Modern SaaS Gradients */
    --gradient-primary: linear-gradient(135deg, #4F46E5 0%, #6366F1 50%, #2563EB 100%);
    --gradient-luxury: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #06B6D4 100%);
    --gradient-hero-bg: radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.08) 0%, rgba(248, 250, 252, 0) 70%);
    --gradient-text: linear-gradient(135deg, #0F172A 0%, #334155 50%, #4F46E5 100%);
    --gradient-subtle: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    --gradient-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);

    /* Modern Typography */
    --font-heading: "Google Sans", "Google Sans Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body: "Google Sans Text", "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-accent: "Google Sans", "Google Sans Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Bootstrap Font Overrides */
    --bs-body-font-family: var(--font-body);
    --bs-font-sans-serif: var(--font-body);
    
    /* Soft Elevation & Layered Shadows */
    --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
    --shadow-soft: 0 10px 25px -5px rgba(15, 23, 42, 0.06), 0 8px 10px -6px rgba(15, 23, 42, 0.03);
    --shadow-card: 0 4px 20px -2px rgba(15, 23, 42, 0.05), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
    --shadow-elevated: 0 20px 40px -12px rgba(15, 23, 42, 0.1);
    --shadow-glow: 0 10px 25px -5px rgba(79, 70, 229, 0.3);
    --shadow-glow-success: 0 10px 25px -5px rgba(16, 185, 129, 0.25);
    --shadow-nav: 0 4px 20px -2px rgba(15, 23, 42, 0.06);
    
    /* Geometric Tokens */
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;
    --border-radius-xl: 32px;
    --border-radius-full: 9999px;
    
    /* Smooth Transitions */
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}