/* 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.
 */

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

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

    /* 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 no modo escuro */
    /* Cor de fundo principal (escuro médio) */
    --color-base-100: #1a1a1a;
    /* Cor de fundo secundária (mais claro) */
    --color-base-200: #252525;
    /* Cor de fundo terciária (mais escuro) */
    --color-base-300: #0f0f0f;
    /* Cor do texto sobre fundos escuros (claro) */
    --color-base-content: #e5e5e5;

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

    /* CORES SECUNDÁRIAS */
    /* Cor secundária (roxo vibrante) */
    --color-secondary: #8b5cf6;
    /* Texto sobre cor secundária */
    --color-secondary-content: #ffffff;

    /* CORES DE DESTAQUE E FEEDBACK */
    /* Cor de destaque/realce (rosa claro) */
    --color-accent: #f471b5;
    /* Texto sobre cor de destaque */
    --color-accent-content: #ffffff;

    /* Cor neutra (cinza médio) */
    --color-neutral: #404040;
    /* Texto sobre cor neutra */
    --color-neutral-content: #e5e5e5;

    /* Cor para informações (azul claro) */
    --color-info: #8be9fd;
    /* Texto sobre cor de info (escuro) */
    --color-info-content: #1a1a1a;

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

    /* Cor para avisos (amarelo claro) */
    --color-warning: #f1fa8c;
    /* Texto sobre cor de aviso (escuro) */
    --color-warning-content: #1a1a1a;

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

    /* 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>
 */