/* =========================================================
   CRISTORE · ARQUIVO DE TEMA
   ---------------------------------------------------------
   Este é o único lugar para mudar cores, fontes, cantos e
   velocidade das animações. Todo o resto do site lê daqui.
   Cores tiradas do manual "Identidade Visual Cristore 2026".
   ========================================================= */

/* Fontes do manual: Poppins (marca/títulos) e Inter (textos).
   Fraunces imita o letreiro "all you need is love" e Caveat a
   escrita à mão do "Salvo!" e "produzindo...". Para trocar uma
   fonte, troque o nome aqui e no link do Google Fonts no index.html. */

:root {
  /* ---------- Paleta oficial ---------- */
  --rosa-choque:  #FA3E9C;  /* cor principal da marca */
  --rosa-claro:   #F5BFD6;
  --lilas:        #A07ADD;  /* segunda cor da marca */
  --lilas-medio:  #B49CF2;
  --lilas-claro:  #D8D2FE;
  --cinza-claro:  #EAEAEA;
  --off-white:    #F2F2F2;
  --grafite:      #2B2B2B;  /* textos */
  --laranja:      #F45B0A;  /* cor de apoio usada nos ícones do manual */
  --branco:       #FFFFFF;

  /* ---------- Papéis das cores no site ---------- */
  --cor-fundo:        var(--branco);
  --cor-fundo-suave:  #FFF6FA;          /* rosa quase branco das faixas */
  --cor-texto:        var(--grafite);
  --cor-texto-suave:  #5E5566;
  --cor-destaque:     var(--rosa-choque);
  --cor-destaque-2:   var(--lilas);
  --cor-botao:        var(--rosa-choque);
  --cor-botao-texto:  var(--branco);
  --cor-rosa-texto:   #D4187A;          /* rosa mais escuro para textos pequenos (contraste) */
  --cor-area-digital: var(--lilas);     /* fundo da área de templates Canva */

  /* ---------- Tipografia ---------- */
  --fonte-marca:   "Poppins", "Segoe UI", system-ui, sans-serif;
  --fonte-texto:   "Inter", "Segoe UI", system-ui, sans-serif;
  --fonte-letreiro:"Fraunces", "Cooper Black", Georgia, serif;
  --fonte-mao:     "Caveat", "Segoe Print", "Comic Sans MS", cursive;

  --texto-xs:  0.8125rem;
  --texto-s:   0.9375rem;
  --texto-m:   1.0625rem;
  --texto-l:   1.375rem;
  --titulo-s:  clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
  --titulo-m:  clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --titulo-xl: clamp(2.5rem, 1.3rem + 4.4vw, 4.6rem);

  /* ---------- Formas ---------- */
  --raio-s: 10px;
  --raio-m: 18px;
  --raio-l: 32px;
  --raio-pill: 999px;
  --sombra: 0 14px 30px -14px rgba(160, 122, 221, .55);
  --sombra-polaroid: 0 18px 36px -18px rgba(43, 43, 43, .45);

  /* ---------- Animações ---------- */
  --vel-rapida: 180ms;
  --vel-media:  420ms;
  --vel-lenta:  900ms;
  --mola: cubic-bezier(.34, 1.56, .64, 1); /* efeito "elástico" */
  --suave: cubic-bezier(.22, 1, .36, 1);

  --largura-max: 1180px;
}