/* ===== VARIÁVEIS DE CORES ===== */
:root {
    /* Cores primárias - Dourado e Branco */
    --primary: #FFC300;
    --primary-dark: #E6B000;
    --primary-light: #FFD700;
    
    /* Cores secundárias */
    --secondary: #D4AF37;
    --secondary-dark: #B8941F;
    --secondary-light: #F4E4BC;
    
    /* Cores de texto */
    --text-dark: #333;
    --text-medium: #666;
    --text-light: #999;
    --text-white: #fff;
    
    /* Cores de fundo */
    --bg-white: #fff;
    --bg-light: #f8f9fa;
    --bg-dark: #333;
    --bg-transparent: rgba(255, 255, 255, 0.1);
    
    /* Cores de gradiente - Dourado */
    --gradient-primary: linear-gradient(135deg, #FFC300 0%, #D4AF37 100%);
    --gradient-secondary: linear-gradient(135deg, #D4AF37 0%, #FFC300 100%);
    
    /* Cores de estado */
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;
    
    /* Cores de borda */
    --border-light: #ddd;
    --border-medium: #ccc;
    --border-dark: #999;
    
    /* Cores de sombra */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.2);
    --shadow-dark: rgba(0, 0, 0, 0.3);
    --shadow-primary: rgba(255, 195, 0, 0.4);
}

/* ===== CLASSES DE CORES DE FUNDO ===== */
.bg-primary { background-color: var(--primary) !important; }
.bg-primary-dark { background-color: var(--primary-dark) !important; }
.bg-primary-light { background-color: var(--primary-light) !important; }

.bg-secondary { background-color: var(--secondary) !important; }
.bg-secondary-dark { background-color: var(--secondary-dark) !important; }
.bg-secondary-light { background-color: var(--secondary-light) !important; }

.bg-white { background-color: var(--bg-white) !important; }
.bg-light { background-color: var(--bg-light) !important; }
.bg-dark { background-color: var(--bg-dark) !important; }
.bg-transparent { background-color: var(--bg-transparent) !important; }

.bg-gradient-primary { background: var(--gradient-primary) !important; }
.bg-gradient-secondary { background: var(--gradient-secondary) !important; }

/* ===== CLASSES DE CORES DE TEXTO ===== */
.text-primary { color: var(--primary) !important; }
.text-primary-dark { color: var(--primary-dark) !important; }
.text-primary-light { color: var(--primary-light) !important; }

.text-secondary { color: var(--secondary) !important; }
.text-secondary-dark { color: var(--secondary-dark) !important; }
.text-secondary-light { color: var(--secondary-light) !important; }

.text-dark { color: var(--text-dark) !important; }
.text-medium { color: var(--text-medium) !important; }
.text-light { color: var(--text-light) !important; }
.text-white { color: var(--text-white) !important; }

.text-success { color: var(--success) !important; }
.text-warning { color: var(--warning) !important; }
.text-danger { color: var(--danger) !important; }
.text-info { color: var(--info) !important; }

/* ===== CLASSES DE BORDA ===== */
.border-primary { border-color: var(--primary) !important; }
.border-secondary { border-color: var(--secondary) !important; }
.border-light { border-color: var(--border-light) !important; }
.border-medium { border-color: var(--border-medium) !important; }
.border-dark { border-color: var(--border-dark) !important; }

/* ===== CLASSES DE HOVER ===== */
.hover-primary:hover { color: var(--primary) !important; }
.hover-bg-primary:hover { background-color: var(--primary) !important; }
.hover-border-primary:hover { border-color: var(--primary) !important; }

.hover-secondary:hover { color: var(--secondary) !important; }
.hover-bg-secondary:hover { background-color: var(--secondary) !important; }
.hover-border-secondary:hover { border-color: var(--secondary) !important; }

/* ===== CLASSES DE OPACIDADE ===== */
.opacity-8 { opacity: 0.8 !important; }
.opacity-9 { opacity: 0.9 !important; }
.opacity-1 { opacity: 1 !important; }

/* ===== CLASSES DE SOMBRA ===== */
.shadow-light { box-shadow: 0 5px 15px var(--shadow-light) !important; }
.shadow-medium { box-shadow: 0 10px 25px var(--shadow-medium) !important; }
.shadow-dark { box-shadow: 0 15px 35px var(--shadow-dark) !important; }
.shadow-primary { box-shadow: 0 15px 35px var(--shadow-primary) !important; }

/* ===== CLASSES DE BACKDROP ===== */
.backdrop-blur { backdrop-filter: blur(10px); }
.backdrop-blur-sm { backdrop-filter: blur(5px); }
.backdrop-blur-lg { backdrop-filter: blur(15px); }