@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&family=Inter:wght@400;500;600;700&display=swap');

:root {
    /* Paleta Premium - Dark Mode Sofisticado (Roxo Nubank/Ultravioleta) */
    --bg-base: #0b0814;
    --bg-surface: #151025;
    --bg-surface-elevated: #21183a;
    
    --accent-primary: #a855f7; /* Roxo Premium Brilhante */
    --accent-secondary: #c084fc; /* Lavanda Suave */
    
    --text-primary: #ffffff;
    --text-secondary: #a79fba;
    
    --success: #34d399; /* Esmeralda Suave */
    --danger: #fb7185; /* Rosa/Vermelho Suave */
    --warning: #fbbf24; /* Âmbar */
    
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;
    
    --glass-bg: rgba(21, 16, 37, 0.65);
    --glass-border: rgba(168, 85, 247, 0.15);
}

[data-theme="light"] {
    /* Paleta Premium - Light Mode Sofisticado (Violeta & Branco Clean) */
    --bg-base: #fbfaff;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #f3f0ff;
    
    --accent-primary: #6d28d9; /* Roxo Real Profundo */
    --accent-secondary: #8b5cf6; /* Roxo Vibrante */
    
    --text-primary: #171124;
    --text-secondary: #6b6380;
    
    --success: #059669; /* Verde Musgo */
    --danger: #dc2626; /* Vermelho Fosco */
    --warning: #d97706; /* Âmbar Escuro */
    
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(109, 40, 217, 0.1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-base);
    color: var(--text-primary);
    font-family: var(--font-body);
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    
    /* Prevenir zoom no iOS (Dupla segurança) */
    touch-action: pan-y;
}

/* Ocultar barras de rolagem em todos os elementos, mas manter a rolagem funcional */
* {
    -ms-overflow-style: none;  /* IE e Edge */
    scrollbar-width: none;  /* Firefox */
}

*::-webkit-scrollbar {
    display: none; /* Chrome, Safari e Opera */
}

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

/* Utilitários Glassmorphism */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    border-radius: var(--border-radius-md);
}

/* Gradientes Textuais */
.text-gradient {
    background: linear-gradient(135deg, var(--accent-primary), var(--text-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}