@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    /* Paleta de cores do projeto */

    /* Primário */
    --cor-primario-fundo: #66ccaa;
    --cor-primario-texto: #ffffff;
    --cor-primario-fundo-hover: #57ad92;

    /* Secundário */
    --cor-secundario-fundo: #ffffff;
    --cor-secundario-texto: #66ccaa;
    --cor-secundario-borda: #99ffcc;
    --cor-secundario-fundo-hover: #f5f2ec;
    --cor-secundario-texto-hover: #222222;

    /* Neutro */
    --cor-neutro-fundo: #f7f7f7;
    --cor-neutro-texto: #666666;
    --cor-neutro-borda: #cccccc;
    --cor-neutro-fundo-hover: #eaeaea;

    /* Outras cores (mantidas do original) */
    --danger-fundo: #ffffff;
    --danger-texto: #f87171;
    --danger-borda: #f87171;
    --danger-fill-fundo: #f87171;
    --danger-fill-texto: #ffffff;
    --muted-fundo: #ffffff;
    --muted-texto: #6b7280;
    --muted-borda: #d1d5db;
}

/* Checkboxes */
input[type="checkbox"] {
    accent-color: var(--cor-primario-fundo-hover);
    border-color: var(--cor-neutro-borda);
}

/* Links */
a {
    color: var(--cor-secundario-texto);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* General Button Styles */
.btn {
    border-radius: 6px;
    padding: 0.375rem 0.75rem;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    text-decoration: none; /* Remover sublinhado de links com classe .btn */
}

a.btn:hover {
    text-decoration: none; /* Garantir que não haja sublinhado no hover */
}

/* Botão Primário */
.btn-primario {
    background-color: var(--cor-primario-fundo);
    color: var(--cor-primario-texto);
    border-color: var(--cor-primario-fundo);
}
.btn-primario:hover {
    background-color: var(--cor-primario-fundo-hover);
    color: var(--cor-primario-texto);
    border-color: var(--cor-primario-fundo-hover);
}

/* Botão Secundário */
.btn-secundario {
    background-color: var(--cor-secundario-fundo);
    color: var(--cor-secundario-texto);
    border: 1px solid var(--cor-secundario-borda);
}
.btn-secundario:hover {
    background-color: var(--cor-secundario-fundo-hover);
    color: var(--cor-secundario-texto-hover);
    border-color: var(--cor-secundario-borda);
}

/* Botão Neutro */
.btn-neutro {
    background-color: var(--cor-neutro-fundo);
    color: var(--cor-neutro-texto);
    border: 1px solid var(--cor-neutro-borda);
}
.btn-neutro:hover {
    background-color: var(--cor-neutro-fundo-hover);
    color: var(--cor-neutro-texto);
}

/* Botão de Perigo (ex: Sair) */
.btn-danger {
    background-color: var(--danger-fill-fundo);
    color: var(--danger-fill-texto);
    border-color: var(--danger-fill-fundo);
}
.btn-danger:hover {
    filter: brightness(90%);
}

/* Botão de Perigo (contorno) */
.btn-outline-danger {
    background-color: var(--danger-fundo);
    color: var(--danger-texto);
    border: 1px solid var(--danger-borda);
}
.btn-outline-danger:hover {
    filter: brightness(95%);
}

/* Botão Muted (usado em modais) */
.btn-muted {
    background-color: var(--muted-fundo);
    color: var(--muted-texto);
    border: 1px solid var(--muted-borda);
}
.btn-muted:hover {
    filter: brightness(95%);
}