/* Variáveis de Design System - Premium Corporate Pitch Deck */
:root {
    /* ====================================
       PREMIUM COLOR PALETTE
       Deep Navy + Slate Grey + Electric Cyan
       ==================================== */
    
    /* Deep Navy (Trust & Security) */
    --primary-950: #0a0e1a;
    --primary-900: #0f1420;
    --primary-800: #1a1f2e;
    --primary-700: #252c3d;
    --primary-600: #2f3849;
    --primary-500: #3d4556;
    
    /* Slate Grey (Professional & Clean) */
    --slate-900: #0f172a;
    --slate-800: #1e293b;
    --slate-700: #334155;
    --slate-600: #475569;
    --slate-500: #64748b;
    --slate-400: #94a3b8;
    --slate-300: #cbd5e1;
    --slate-200: #e2e8f0;
    --slate-100: #f1f5f9;
    
    /* Electric Cyan (Innovation & Technology) */
    --cyan-700: #0e7490;
    --cyan-600: #0891b2;
    --cyan-500: #06b6d4;
    --cyan-400: #22d3ee;
    --cyan-300: #67e8f9;
    --cyan-200: #a5f3fc;
    
    /* Accent Colors for CTAs */
    --accent-600: #0891b2;
    --accent-500: #06b6d4;
    --accent-400: #22d3ee;
    
    /* Status Colors */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #06b6d4;
    
    /* ====================================
       PREMIUM GRADIENTS
       ==================================== */
    --gradient-hero: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 50%, #0f1420 100%);
    --gradient-primary: linear-gradient(135deg, #0f1420 0%, #252c3d 100%);
    --gradient-accent: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --gradient-glass: linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(8, 145, 178, 0.05) 100%);
    --gradient-overlay: linear-gradient(180deg, rgba(10, 14, 26, 0) 0%, rgba(10, 14, 26, 0.8) 100%);
    
    /* ====================================
       TYPOGRAPHY - Apple-Style Premium
       ==================================== */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
    --font-mono: 'SF Mono', 'JetBrains Mono', Monaco, 'Cascadia Code', 'Courier New', monospace;
    
    /* Font Weights */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-black: 900;
    
    /* Font Sizes (8k resolution ready) */
    --text-xs: 0.75rem;     /* 12px */
    --text-sm: 0.875rem;    /* 14px */
    --text-base: 1rem;      /* 16px */
    --text-lg: 1.125rem;    /* 18px */
    --text-xl: 1.25rem;     /* 20px */
    --text-2xl: 1.5rem;     /* 24px */
    --text-3xl: 1.875rem;   /* 30px */
    --text-4xl: 2.25rem;    /* 36px */
    --text-5xl: 3rem;       /* 48px */
    --text-6xl: 3.75rem;    /* 60px */
    --text-7xl: 4.5rem;     /* 72px */
    --text-8xl: 6rem;       /* 96px */
    
    /* Line Heights */
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    
    /* Letter Spacing */
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    
    /* ====================================
       SPACING SYSTEM (8pt grid)
       ==================================== */
    --spacing-0: 0;
    --spacing-px: 1px;
    --spacing-0-5: 0.125rem;  /* 2px */
    --spacing-1: 0.25rem;     /* 4px */
    --spacing-2: 0.5rem;      /* 8px */
    --spacing-3: 0.75rem;     /* 12px */
    --spacing-4: 1rem;        /* 16px */
    --spacing-5: 1.25rem;     /* 20px */
    --spacing-6: 1.5rem;      /* 24px */
    --spacing-8: 2rem;        /* 32px */
    --spacing-10: 2.5rem;     /* 40px */
    --spacing-12: 3rem;       /* 48px */
    --spacing-16: 4rem;       /* 64px */
    --spacing-20: 5rem;       /* 80px */
    --spacing-24: 6rem;       /* 96px */
    --spacing-32: 8rem;       /* 128px */
    
    /* Legacy spacing (mantém compatibilidade) */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
    --spacing-3xl: 6rem;
    
    /* ====================================
       SOFT DEPTH SHADOWS (Apple-style)
       ==================================== */
    --shadow-xs: 0 0 0 1px rgba(6, 182, 212, 0.05);
    --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 24px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, 0.08), 0 8px 16px 0 rgba(0, 0, 0, 0.12);
    --shadow-2xl: 0 32px 64px 0 rgba(0, 0, 0, 0.12), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
    
    /* Special Shadows */
    --shadow-glow: 0 0 20px rgba(6, 182, 212, 0.3), 0 0 40px rgba(6, 182, 212, 0.1);
    --shadow-glow-strong: 0 0 30px rgba(6, 182, 212, 0.5), 0 0 60px rgba(6, 182, 212, 0.2);
    --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    
    /* ====================================
       BORDER RADIUS
       ==================================== */
    --radius-none: 0;
    --radius-sm: 0.375rem;    /* 6px */
    --radius-md: 0.5rem;      /* 8px */
    --radius-lg: 0.75rem;     /* 12px */
    --radius-xl: 1rem;        /* 16px */
    --radius-2xl: 1.5rem;     /* 24px */
    --radius-3xl: 2rem;       /* 32px */
    --radius-full: 9999px;
    
    /* ====================================
       TRANSITIONS (Smooth & Premium)
       ==================================== */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slower: 700ms cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Custom Easing */
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    
    /* ====================================
       Z-INDEX LAYERS
       ==================================== */
    --z-base: 0;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-notification: 1080;
    
    /* ====================================
       BLUR EFFECTS
       ==================================== */
    --blur-sm: 4px;
    --blur-md: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    
    /* ====================================
       OPACITY LEVELS
       ==================================== */
    --opacity-0: 0;
    --opacity-5: 0.05;
    --opacity-10: 0.1;
    --opacity-20: 0.2;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-90: 0.9;
    --opacity-100: 1;
}

/* ====================================
   THEME MODES
   ==================================== */

/* Dark mode (default - Pitch Deck style) */
[data-theme="dark"],
:root {
    --bg-primary: var(--primary-950);
    --bg-secondary: var(--primary-900);
    --bg-tertiary: var(--primary-800);
    --text-primary: var(--slate-100);
    --text-secondary: var(--slate-400);
    --text-tertiary: var(--slate-500);
    --border-color: var(--slate-800);
}

/* Light mode (optional) */
[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: var(--slate-100);
    --bg-tertiary: var(--slate-200);
    --text-primary: var(--slate-900);
    --text-secondary: var(--slate-600);
    --text-tertiary: var(--slate-500);
    --border-color: var(--slate-300);
}

/* ====================================
   GLASSMORPHISM PRESETS
   ==================================== */
:root {
    --glass-bg: rgba(15, 20, 32, 0.7);
    --glass-border: rgba(6, 182, 212, 0.1);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --glass-blur: blur(16px);
}

/* ====================================
   GRID SYSTEM
   ==================================== */
:root {
    --container-sm: 640px;
    --container-md: 768px;
    --container-lg: 1024px;
    --container-xl: 1280px;
    --container-2xl: 1536px;
    --container-padding: var(--spacing-4);
}

/* ====================================
   ANIMATION DURATIONS
   ==================================== */
:root {
    --duration-75: 75ms;
    --duration-100: 100ms;
    --duration-150: 150ms;
    --duration-200: 200ms;
    --duration-300: 300ms;
    --duration-500: 500ms;
    --duration-700: 700ms;
    --duration-1000: 1000ms;
}