/* Sistema de Temas de Cores */
:root {
    /* Tema Verde (padrão) */
    --primary-color: #1FBB58;
    --primary-hover: #16a34a;
    --primary-light: rgba(31, 187, 88, 0.1);
    --primary-border: rgba(31, 187, 88, 0.2);
    --primary-shadow: rgba(31, 187, 88, 0.2);
}

/* Tema Amarelo */
[data-theme="amarelo"] {
    --primary-color: #CE9A14;
    --primary-hover: #b8860b;
    --primary-light: rgba(206, 154, 20, 0.1);
    --primary-border: rgba(206, 154, 20, 0.2);
    --primary-shadow: rgba(206, 154, 20, 0.2);
}

/* Tema Azul */
[data-theme="azul"] {
    --primary-color: #003890;
    --primary-hover: #002a6b;
    --primary-light: rgba(0, 56, 144, 0.1);
    --primary-border: rgba(0, 56, 144, 0.2);
    --primary-shadow: rgba(0, 56, 144, 0.2);
}

/* Tema Roxo */
[data-theme="roxo"] {
    --primary-color: #7C3AED;
    --primary-hover: #6D28D9;
    --primary-light: rgba(124, 58, 237, 0.1);
    --primary-border: rgba(124, 58, 237, 0.2);
    --primary-shadow: rgba(124, 58, 237, 0.2);
}

/* Tema Vermelho */
[data-theme="vermelho"] {
    --primary-color: #DC2626;
    --primary-hover: #B91C1C;
    --primary-light: rgba(220, 38, 38, 0.1);
    --primary-border: rgba(220, 38, 38, 0.2);
    --primary-shadow: rgba(220, 38, 38, 0.2);
}

/* Tema Rosa */
[data-theme="rosa"] {
    --primary-color: #EC4899;
    --primary-hover: #DB2777;
    --primary-light: rgba(236, 72, 153, 0.1);
    --primary-border: rgba(236, 72, 153, 0.2);
    --primary-shadow: rgba(236, 72, 153, 0.2);
}

/* Aplicação das cores do tema */
.btn-primary,
.submit-button,
.nav-item.active,
.theme-option.active {
    background: var(--primary-color) !important;
}

.btn-primary:hover,
.submit-button:hover {
    background: var(--primary-hover) !important;
}

.nav-item:hover,
.nav-item.active {
    background: linear-gradient(135deg, var(--primary-light) 0%, rgba(0, 0, 0, 0.05) 100%) !important;
    border-color: var(--primary-border) !important;
    box-shadow: 0 4px 20px var(--primary-shadow) !important;
}

.nav-item::before {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)) !important;
}

.text-primary,
.color-primary {
    color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

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

/* Gradientes específicos */
.gradient-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)) !important;
}

.gradient-primary-90 {
    background: linear-gradient(90deg, var(--primary-color), var(--primary-hover)) !important;
}

/* Sombras */
.shadow-primary {
    box-shadow: 0 4px 20px var(--primary-shadow) !important;
}