:root {
    /* Cores Primárias */
    --primary-color: #6366f1;
    --primary-hover: #818cf8;
    --secondary-color: #a5b4fc;
    
    /* Cores de Fundo */
    --dark-bg: #0a0a0f;
    --dark-secondary: #16161e;
    --dark-tertiary: #232332;
    --light-bg: #1a1a25;
    
    /* Cores de Texto */
    --text-primary: #ffffff;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-light: #94a3b8;
    --white: #ffffff;
    
    /* Utilitários */
    --border-color: #334155;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --transition: all 0.3s ease;
    
    /* Raio da órbita dos ícones 3D */
    --orbit-radius: 170px;
}