/* --- 1. REGISTRO DAS FONTES (Caminho corrigido) --- */

/* Univia Pro - Regular (Texto Padrão) */
@font-face {
    font-family: 'Univia Pro';
    src: url('../fonts/UniviaPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Univia Pro - Bold (Negrito) */
@font-face {
    font-family: 'Univia Pro';
    src: url('../fonts/UniviaPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Univia Pro - Light (Texto Fino - Opcional) */
@font-face {
    font-family: 'Univia Pro';
    src: url('../fonts/UniviaPro-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Astro (Fonte Decorativa / Títulos) */
@font-face {
    font-family: 'Astro';
    src: url('../fonts/astro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --- 2. VARIÁVEIS GLOBAIS --- */
:root {
    /* Identidade Visual - AltaraCRM (Dark & Gold) */
    --cor-fundo: #161d2b;
    --cor-fundo-card: #1f293a;
    --cor-texto: #ffffff;
    --cor-texto-secundario: #a0aec0;

    --cor-primaria: #d4af37;
    --cor-primaria-hover: #b5952f;

    --cor-sucesso: #28a745;
    --cor-erro: #e74c3c;

    /* DEFINIÇÃO DAS FONTES NO SISTEMA */
    /* Agora a fonte principal é a Univia Pro */
    --fonte-principal: 'Univia Pro', 'Segoe UI', Helvetica, Arial, sans-serif;

    /* Variável extra para usar a Astro quando quiser */
    --fonte-titulos: 'Astro', sans-serif;

    --borda-raio: 8px;
    --sombra-suave: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* --- 3. APLICAÇÃO GERAL --- */
body {
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
    /* Aplica Univia Pro em todo o corpo do site */
    font-family: var(--fonte-principal);
}

/* Força inputs e botões a usarem a fonte certa também */
button,
input,
select,
textarea {
    font-family: var(--fonte-principal) !important;
}

/* Padronização dos Botões */
.btn-gold {
    background-color: var(--cor-primaria);
    color: #161d2b;
    border: none;
    padding: 12px 24px;
    border-radius: var(--borda-raio);
    font-weight: bold;
    /* Vai puxar o arquivo UniviaPro-Bold.otf automaticamente */
    cursor: pointer;
    transition: background 0.3s;
    text-transform: uppercase;
    font-size: 14px;
}

.btn-gold:hover {
    background-color: var(--cor-primaria-hover);
}

/* Inputs padronizados */
input,
select,
textarea {
    background-color: var(--cor-fundo);
    border: 1px solid #3a4b66;
    color: var(--cor-texto);
    padding: 10px;
    border-radius: var(--borda-raio);
    width: 100%;

    /* Botão Principal (Preenchido) - Já deve existir no seu código como btn-gold */
    .btn-gold {
        background-color: #D4AF37;
        /* Dourado */
        color: #0b1120;
        /* Azul escuro do fundo */
        border: 1px solid #D4AF37;
        border-radius: 5px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .btn-gold:hover {
        background-color: #b3922d;
        color: #fff;
    }

    /* Botão Secundário (Contorno) - Para os Grupos */
    .btn-outline {
        background-color: transparent;
        color: #D4AF37;
        /* Texto Dourado */
        border: 1px solid #D4AF37;
        /* Borda Dourada */
        border-radius: 5px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .btn-outline:hover {
        background-color: rgba(212, 175, 55, 0.1);
        /* Fundo levemente dourado ao passar o mouse */
        color: #fff;
        border-color: #fff;
    }


}