/**
 * =======================================================================
 * VARIÁVEIS VISUAIS E DESIGN SYSTEM - TEMA PADARIA ARTESANAL CLARO
 * =======================================================================
 * 
 * Paleta refinada, acolhedora e com fundo claro:
 * Inspirada na identidade artesanal da Uma Padaria (tons de linho natural,
 * trigo dourado, terracota suave, manteiga e café nobre).
 */

:root {
    /* Paleta de Fundo e Superfícies Claras */
    --cor-fundo-principal: #fbf8f3;          /* Fundo bege linho/creme clarinho super acolhedor */
    --cor-fundo-cartao: #ffffff;             /* Cartões em branco puro contrastando suavemente */
    --cor-fundo-cartao-destaque: #fffaf4;    /* Fundo quente suave para destaque */
    --cor-borda: #ede5da;                    /* Borda sutil cor de trigo claro */
    --cor-borda-hover: #c48243;              /* Borda dourada tostada no hover */
    
    /* Cores de Destaque e Acento */
    --cor-primaria: #b86b32;                 /* Tom caramelo/trigo tostado artesanal */
    --cor-primaria-hover: #9c5422;           /* Tom mais escuro e elegante ao passar o mouse */
    --cor-terracota: #c46851;                /* Terracota artesanal da padaria */
    --cor-verde-aberto: #15803d;             /* Verde legível em fundo claro */
    --cor-fundo-verde-aberto: #ecfdf5;       /* Fundo suave do badge aberto */
    --cor-vermelho-fechado: #b91c1c;         /* Vermelho elegante para fechado */
    --cor-fundo-vermelho-fechado: #fef2f2;   /* Fundo suave do badge fechado */
    
    /* Tipografia e Cores de Texto de Alta Legibilidade */
    --fonte-principal: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --fonte-serifa: "Georgia", "Cambria", serif;
    --cor-texto-principal: #2d261e;          /* Café escuro sofisticado e de fácil leitura */
    --cor-texto-secundario: #6d6255;         /* Tom terra suave para subtítulos e descrições */
    --cor-texto-mutado: #998e81;             /* Textos secundários e rodapé */

    /* Dimensões e Raios */
    --largura-maxima: 460px;                 /* Largura ideal e confortável para mobile */
    --raio-borda-lg: 20px;
    --raio-borda-md: 14px;
    --raio-borda-sm: 10px;
    --raio-pill: 9999px;

    /* Efeitos, Sombras e Transições */
    --sombra-cartao: 0 4px 18px rgba(92, 69, 44, 0.06);
    --sombra-cartao-hover: 0 8px 24px rgba(92, 69, 44, 0.12);
    --sombra-destaque: 0 6px 20px rgba(184, 107, 50, 0.15);
    --transicao: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}