/* Loja B2C Calore | design tokens do storefront (Mesa Posta) */ :root { /* Cores da marca (docs/paleta-de-cores-calore.md) */ --cor-vermelho: #8b0404; --cor-vermelho-escuro: #6a0303; --cor-ambar: #ff7800; --cor-creme: #F5EDE3; --cor-creme-claro: #FBF7F1; --cor-carvao: #1D1D1F; --cor-ouro: #C5A55A; --cor-terra: #C17850; /* uso decorativo (degrade, borda) */ --cor-terra-texto: #9A4A24; /* terra escurecido para TEXTO (>=4.5:1 sobre creme/branco) */ --cor-branco: #FFFFFF; --cor-cinza: #6B6B6B; /* Tipografia (Google Fonts carregadas no ) */ --fonte-titulo: 'DM Serif Display', Georgia, 'Times New Roman', serif; --fonte-corpo: 'Nunito Sans', system-ui, -apple-system, sans-serif; /* Escala de espaçamento */ --espaco-xs: 4px; --espaco-sm: 8px; --espaco-md: 16px; --espaco-lg: 24px; --espaco-xl: 40px; --espaco-2xl: 64px; --espaco-3xl: 96px; /* Layout e forma */ --container-max: 1200px; --raio-sm: 8px; --raio-md: 16px; --raio-lg: 24px; --sombra-card: 0 8px 30px rgba(29, 29, 31, 0.08); --sombra-card-hover: 0 16px 44px rgba(29, 29, 31, 0.14); /* Movimento */ --transicao: 320ms cubic-bezier(0.22, 1, 0.36, 1); --header-altura: 68px; } @media (prefers-reduced-motion: reduce) { :root { --transicao: 0ms; } }