/* assets/css/colors.css */
:root {
    /* CORES NEUTRAS */
    --neutral-50: #FAF9F7;
    --neutral-100: #F5F2EF;
    --neutral-200: #E8E3DE;
    --neutral-300: #D9D2CB;
    --neutral-400: #B8AF A6;
    --neutral-500: #8F847B;
    --neutral-600: #665E57;
    --neutral-700: #4D4742;
    --neutral-800: #332F2C;
    --neutral-900: #1A1816;
    
    /* CORES PRINCIPAIS - FLOR&BI LUMIÈRE */
    --primary: #D4AF37;        /* Dourado principal */
    --primary-dark: #B6912E;    /* Dourado escuro */
    --primary-light: #F5D76E;   /* Dourado claro */
    
    --secondary: #8B7355;       /* Marrom elegante */
    --secondary-dark: #6B543C;   /* Marrom escuro */
    --secondary-light: #B89A7A;  /* Marrom claro */
    
    /* CORES DE DESTAQUE */
    --accent-1: #FDF5E6;        /* Off-white quente */
    --accent-2: #FFF9F0;        /* Creme */
    
    /* CORES FUNCIONAIS */
    --success: #2E7D32;
    --warning: #F57C00;
    --danger: #C62828;
    --info: #1565C0;
}

/* Gradientes */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}

.bg-gradient-secondary {
    background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
}

.bg-gradient-metallic {
    background: linear-gradient(135deg, var(--metallic) 0%, var(--metallic-dark) 100%);
}

.bg-gradient-hero {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}
.bg-gradient-luxury {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}

.bg-gradient-warm {
    background: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

/* Textos coloridos */
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-metallic { color: var(--metallic); }

/* Bordas coloridas */
.border-primary { border-color: var(--primary); }
.border-secondary { border-color: var(--secondary); }
.border-metallic { border-color: var(--metallic); }

/* Hovers */
.hover-primary:hover { color: var(--primary); }
.hover-secondary:hover { color: var(--secondary); }
.hover-metallic:hover { color: var(--metallic); }