/**
 * variaveis.css - Design Tokens da Refrigeração Ipiranga
 * Centraliza as definições visuais da marca para garantir consistência e flexibilidade.
 */


:root {
    /* --- Cores Primárias (Marca - Azul Glacial) --- */
    --cor-principal: #0284c7;
    --cor-principal-brilho: #38bdf8;
    --cor-principal-escura: #0369a1;

    /* --- Paleta do Menu e Rodapé (Azul Escuro Premium) --- */
    --cor-nav-fundo: #0b1329;
    --cor-nav-card: #1c2541;
    --cor-nav-texto: #f8fafc;
    --cor-nav-texto-mutado: #94a3b8;
    --cor-nav-borda: #334155;

    /* --- Paleta do Corpo do Site (Tema Claro/Neutro) --- */
    --cor-fundo-escuro: #f8f9fb;       /* Fundo geral claro */
    --cor-fundo-card: #ffffff;         /* Fundo dos cards branco */
    --cor-texto-claro: #0f172a;        /* Texto principal escuro */
    --cor-texto-mutado: #64748b;       /* Texto secundário cinza */
    --cor-borda: #b0c8e4;              /* Borda mais visível para cards */

    /* --- Sombras para Tema Claro --- */
    --sombra-suave: 0 6px 20px -2px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0,0,0,0.10);
    --sombra-premium: 0 10px 40px -4px rgba(2, 84, 199, 0.28), 0 4px 12px rgba(0,0,0,0.12);

    /* --- Cores de Feedback --- */
    --cor-sucesso: #10b981;
    --cor-alerta: #f59e0b;
    --cor-whatsapp: #25d366;
    --cor-whatsapp-hover: #128c7e;

    /* --- Tipografia --- */
    --fonte-titulos: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif;
    --fonte-principal: 'Inter', system-ui, -apple-system, sans-serif;

    /* --- Espaçamentos e Grid --- */
    --espacamento-xs: 0.5rem;   /* 8px */
    --espacamento-s: 1rem;     /* 16px */
    --espacamento-m: 1.5rem;   /* 24px */
    --espacamento-l: 2.5rem;   /* 40px */
    --espacamento-xl: 4rem;    /* 64px */
    --espacamento-xxl: 6rem;   /* 96px */

    /* --- Efeitos Visuais --- */
    --arredondamento-s: 6px;
    --arredondamento-m: 12px;
    --arredondamento-l: 24px;
    --arredondamento-total: 9999px;

    --transicao-rapida: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transicao-suave: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}