:root {
    /* Cores Principais */
    --color-primary: #F7C600; /* Amarelo Principal */
    --color-secondary: #E5B400; /* Amarelo Escuro */
    
    /* Cores Neutras */
    --color-dark: #111111; /* Preto */
    --color-dark-gray: #2E2E2E; /* Cinza Escuro */
    --color-light-gray: #F5F5F5; /* Cinza Claro */
    --color-white: #FFFFFF; /* Branco */
    
    /* Backgrounds */
    --bg-dark: #111111;
    --bg-card: #1c1c1c;
    
    /* Tipografia */
    --font-primary: 'Outfit', sans-serif;
    --font-secondary: 'Inter', sans-serif;
    
    /* Espaçamentos e Medidas */
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;
    --border-radius-xl: 32px;
    --border-radius-pill: 50px;
    
    /* Transições */
    --transition-fast: 0.3s ease;
    --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Sombras */
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 10px 20px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 15px rgba(247, 198, 0, 0.3);
}