/*
 * Nath Finanças - Tema de Cores
 *
 * Cores baseadas na logo:
 * - Roxo escuro (Nath): #5B2D7D
 * - Amarelo (lâmpada/cifrões): #F9C846
 * - Ciano (Finanças): #00B5AD
 */

:root {
    /* Cores principais da marca */
    --nath-purple: #5B2D7D;
    --nath-purple-dark: #4A2466;
    --nath-purple-light: #7B4D9D;
    --nath-yellow: #F9C846;
    --nath-yellow-dark: #E5B53D;
    --nath-yellow-light: #FFDB70;
    --nath-cyan: #00B5AD;
    --nath-cyan-dark: #009690;
    --nath-cyan-light: #33C4BD;

    /* Cores semânticas */
    --primary-color: var(--nath-purple);
    --secondary-color: var(--nath-cyan);
    --accent-color: var(--nath-yellow);
    --highlight-color: var(--nath-yellow);

    /* Cores de status */
    --success-color: #059669;
    --warning-color: #d97706;
    --danger-color: #dc2626;
    --info-color: var(--nath-cyan);

    /* Cores de fundo */
    --bg-primary: var(--nath-purple);
    --bg-secondary: var(--nath-purple-dark);
    --bg-light: #f8fafc;
    --bg-white: #ffffff;

    /* Cores de texto */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-light: #ffffff;
    --text-muted: #94a3b8;

    /* Bordas */
    --border-color: #e2e8f0;
    --border-color-dark: var(--nath-purple-light);

    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, var(--nath-purple) 0%, var(--nath-purple-dark) 100%);
    --gradient-accent: linear-gradient(135deg, var(--nath-yellow) 0%, var(--nath-yellow-dark) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--nath-cyan) 0%, var(--nath-cyan-dark) 100%);
}

/* Utilitários de cores */
.bg-primary { background-color: var(--nath-purple) !important; }
.bg-secondary { background-color: var(--nath-cyan) !important; }
.bg-accent { background-color: var(--nath-yellow) !important; }
.bg-purple { background-color: var(--nath-purple) !important; }
.bg-purple-dark { background-color: var(--nath-purple-dark) !important; }
.bg-yellow { background-color: var(--nath-yellow) !important; }
.bg-cyan { background-color: var(--nath-cyan) !important; }

.text-primary { color: var(--nath-purple) !important; }
.text-secondary { color: var(--nath-cyan) !important; }
.text-accent { color: var(--nath-yellow) !important; }
.text-purple { color: var(--nath-purple) !important; }
.text-yellow { color: var(--nath-yellow) !important; }
.text-cyan { color: var(--nath-cyan) !important; }

.border-primary { border-color: var(--nath-purple) !important; }
.border-secondary { border-color: var(--nath-cyan) !important; }
.border-accent { border-color: var(--nath-yellow) !important; }

/* Botões temáticos */
.btn-nath-primary {
    background-color: var(--nath-purple);
    border-color: var(--nath-purple);
    color: white;
}
.btn-nath-primary:hover {
    background-color: var(--nath-purple-dark);
    border-color: var(--nath-purple-dark);
    color: white;
}

.btn-nath-secondary {
    background-color: var(--nath-cyan);
    border-color: var(--nath-cyan);
    color: white;
}
.btn-nath-secondary:hover {
    background-color: var(--nath-cyan-dark);
    border-color: var(--nath-cyan-dark);
    color: white;
}

.btn-nath-accent {
    background-color: var(--nath-yellow);
    border-color: var(--nath-yellow);
    color: var(--nath-purple-dark);
}
.btn-nath-accent:hover {
    background-color: var(--nath-yellow-dark);
    border-color: var(--nath-yellow-dark);
    color: var(--nath-purple-dark);
}

/* Links */
a {
    color: var(--nath-purple);
}
a:hover {
    color: var(--nath-purple-dark);
}