/* ARQUIVO DE PERSONALIZAÇÃO DO TEMA
 * Este arquivo controla as cores, fontes, bordas e estilos do seu cartão digital.
 * Para personalizar, altere os valores das variáveis CSS abaixo.
 */

[data-theme] {
    /* Esquema de cores base vindo do daisyui. Aqui estamos usando o light */
    /* Para o html usar este tema basta usar o mesmo nome aqui no data-theme do html.*/
    /*color-scheme: light;*/

    /* TIPOGRAFIA (FONTE) */
    /* Para personalizar: Troque "Rubik" pela fonte que você escolheu no Google Fonts */
    /* Não esqueça de atualizar o link da fonte no index.html também */
    /*font-family: "Rubik", sans-serif;*/

    /* CORES BASE (Fundo e Texto Principal) */
    /* Estas cores controlam o fundo do cartão e textos gerais */
    /* Cor de fundo principal (mais claro) */
    /*--color-base-100: #f8f9fd;*/
    /* Cor de fundo secundária */
    /*--color-base-200: #eef0f7;*/
    /* Cor de fundo terciária (mais escuro) */
    /*--color-base-300: #e3e6f0;*/
    /* Cor do texto sobre fundos base */
    /*--color-base-content: #2a2d3d;*/

    /* CORES PRIMÁRIAS (Botões e Destaques) */
    /* Estas são as cores principais dos botões e elementos de destaque */
    /* Cor de fundo dos botões principais */
    /*--color-primary: #ffffff;*/
    /* Cor do texto/ícones sobre a cor primária */
    /*--color-primary-content: #697bbe;*/

    /* CORES SECUNDÁRIAS */
    /* Cor secundária (para variações) */
    /*--color-secondary: #66d9ef;*/
    /* Texto sobre cor secundária */
    /*--color-secondary-content: #fafbfd;*/

    /* CORES DE DESTAQUE E FEEDBACK */
    /* Cor de destaque/realce */
    /*--color-accent: #50fa7b;*/
    /* Texto sobre cor de destaque */
    /*--color-accent-content: #fafbfd;*/

    /* Cor neutra */
    /*--color-neutral: #6c6f85;*/
    /* Texto sobre cor neutra */
    /*--color-neutral-content: #fafbfd;*/

    /* Cor para informações */
    /*--color-info: #8be9fd;*/
    /* Texto sobre cor de info */
    /*--color-info-content: #fafbfd;*/

    /* Cor para sucesso (verde) */
    /*--color-success: #50fa7b;*/
    /* Texto sobre cor de sucesso */
    /*--color-success-content: #fafbfd;*/

    /* Cor para avisos (amarelo) */
    /*--color-warning: #f1fa8c;*/
    /* Texto sobre cor de aviso */
    /*--color-warning-content: #2a2d3d;*/

    /* Cor para erros (vermelho) */
    /*--color-error: #ff5555;*/
    /* Texto sobre cor de erro */
    /*--color-error-content: #fafbfd;*/

    /* BORDAS ARREDONDADAS (Border Radius) */
    /* Controla o quanto os cantos dos elementos são arredondados */
    /* Para personalizar: Aumente para cantos mais arredondados, diminua para mais quadrados */
    /* Arredondamento de seletores */
    /*--radius-selector: 1rem;*/
    /* Arredondamento de campos */
    /*--radius-field: 1rem;*/
    /* Arredondamento de caixas */
    /*--radius-box: 1rem;*/

    /* TAMANHOS BASE */
    /* Controla o tamanho de elementos interativos */
    /* Tamanho de seletores */
    /*--size-selector: 0.25rem;*/
    /* Tamanho de campos */
    /*--size-field: 0.25rem;*/

    /* ESPESSURA DAS BORDAS */
    /* Controla a espessura das linhas de borda */
    /* Espessura padrão das bordas */
    /*--border: 1px;*/

    /* EFEITOS VISUAIS */
    /* Profundidade (sombras) */
    /*--depth: 1;*/
    /* Ruído/textura */
    /*--noise: 0;*/
}

/* ESTILOS PERSONALIZADOS (CSS PURO) */
/* Aqui você pode adicionar seu próprio CSS fora do daisyUI e sem usar Tailwind */
/* Basta adicionar suas classes CSS personalizadas abaixo */

/* Exemplo de como criar uma classe personalizada:
 *
 * .minha-classe-custom {
 *     background-color: #ff00ff;
 *     padding: 1rem;
 *     border-radius: 0.5rem;
 * }
 *
 * Depois use no HTML: <div class="minha-classe-custom">Conteúdo</div>
 */