/* ========================================
   GLOBAL CSS - Variáveis e Reset
   União B&F Toys
   ======================================== */

:root {
    /* Cores principais */
    --cor-primaria: #4e73df;
    --cor-primaria-dark: #0a67d7;
    --cor-sucesso: #1cc88a;
    --cor-perigo: #e74a3b;
    --cor-aviso: #f6c23e;
    --cor-info: #36b9cc;

    /* Cores do tema */
    --cor-azul-escuro: #082a49;
    --cor-azul-sidebar: #1d3557;
    --cor-azul-medio: #457b9d;
    --cor-azul-claro: #a8dadc;
    --cor-azul-bg: #e6ebf5;

    /* Texto */
    --cor-texto: #333333;
    --cor-texto-claro: #666666;
    --cor-texto-muted: #6c757d;
    --cor-texto-branco: #ffffff;

    /* Backgrounds */
    --cor-bg: #f4f4f4;
    --cor-bg-branco: #ffffff;
    --cor-bg-card: #ffffff;
    --cor-bg-secao: #e6ebf5;
    --cor-bg-icon-circle: #e8f0fe;
    --cor-bg-whatsapp: #DCF8C6;

    /* Bordas */
    --cor-borda: #dee2e6;
    --borda-radius: 6px;
    --borda-radius-lg: 15px;
    --borda-radius-pill: 27px 0px 27px 0px;

    /* Sombras */
    --sombra-card: 0 2px 12px rgba(0, 0, 0, 0.1);
    --sombra-leve: 0 1px 3px rgba(0, 0, 0, 0.08);
    --sombra-media: 0 2px 10px rgba(0, 0, 0, 0.15);
    --sombra-forte: 0 4px 8px rgba(0, 0, 0, 0.3);

    /* Espaçamentos */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;

    /* Fontes */
    --fonte-principal: 'Nunito', sans-serif;
    --fonte-montserrat: 'Montserrat', sans-serif;
    --fonte-tamanho-base: 14px;
    --fonte-tamanho-xs: 10px;
    --fonte-tamanho-sm: 12px;
    --fonte-tamanho-md: 0.85rem;
    --fonte-tamanho-lg: 1.1rem;
    --fonte-tamanho-xl: 1.6rem;
    --fonte-tamanho-titulo: 2rem;
}