/* Tati Doces e Salgados — marca base (etapa 1, modo direto, 12/11/2026).
   Cores tiradas do logo atual e do cartão digital da bio (aproximadas, confirmar com a cliente).
   Contraste conferido: creme sobre roxo 5,9:1 · amarelo sobre roxo 5,2:1 · ameixa sobre creme 14,8:1. */
:root {
  /* marca */
  --tati-roxo: #9b22b8;        /* fundo do cartão digital */
  --tati-roxo-escuro: #6e1485; /* roxo da marca escurecido, para hover e sombras */
  --tati-magenta: #c026a8;     /* anel do logo e contorno do "Tati" */
  --tati-amarelo: #ffeb3b;     /* "Tati" do logo */
  --tati-amarelo-escuro: #f2c400;
  --tati-ameixa: #3a0b47;      /* texto sobre fundo claro */
  --tati-creme: #fbf6f0;       /* fundo das fotos de produto da Tati */
  --tati-rosa: #fde4ee;        /* xadrez rosa dos posts */
  --tati-rosa-forte: #f8c6da;
  --tati-branco: #ffffff;

  /* tipografia: títulos na fonte mais próxima do logo, corpo na sans do cartão digital */
  --fonte-display: "Baloo 2", "Fredoka", system-ui, sans-serif;
  --fonte-texto: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-mega: clamp(3.6rem, 2rem + 8.4vw, 10rem);
  --t-h1: clamp(2.9rem, 1.6rem + 6vw, 7.2rem);
  --t-h2: clamp(2.2rem, 1.4rem + 3.4vw, 4.4rem);
  --t-h3: clamp(1.35rem, 1.1rem + 0.9vw, 1.9rem);
  --t-corpo: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --t-mini: 0.8125rem;

  /* espaço (base 8) */
  --e-1: 0.5rem; --e-2: 1rem; --e-3: 1.5rem; --e-4: 2rem; --e-6: 3rem; --e-8: 4rem; --e-12: 6rem; --e-16: 8rem;
  --margem: clamp(1.25rem, 0.5rem + 4vw, 5rem);
  --largura: 1320px;

  /* forma: tudo arredondado, como o logo */
  --raio-p: 14px; --raio-m: 28px; --raio-g: 48px; --raio-pilula: 999px;
  --contorno: 3px solid var(--tati-ameixa);
  --sombra-doce: 0 6px 0 var(--tati-ameixa);
  --sombra-suave: 0 18px 40px -18px rgba(58, 11, 71, 0.45);

  /* motion: um tempo e uma curva para tudo */
  --dur-curta: 180ms; --dur-media: 420ms; --dur-longa: 900ms;
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --curva-mola: cubic-bezier(0.34, 1.56, 0.64, 1);
  --escalonado: 70ms;
}