/* ============================================================
   TEMA — YAZY
   ------------------------------------------------------------
   ESTE É O ÚNICO ARQUIVO QUE MUDA DE CLIENTE PARA CLIENTE.
   Nada aqui é estrutura. Só identidade.

   Para criar uma loja nova: copie este arquivo, troque os
   valores, não renomeie nenhuma variável.
   ============================================================ */

:root {
  /* --- PALETA ------------------------------------------------
     YAZY: regra inviolável — sem preto. --deep substitui. */
  --marca-primaria:     #C8A84B;   /* dourado — acentos, bordas */
  --marca-primaria-alt: #E2C97E;   /* dourado claro — gradientes */
  --marca-escura:       #4A3B29;   /* texto forte, botões (no lugar do preto) */
  --marca-escura-hover: #3E3225;   /* hover de botão sólido */
  --marca-media:        #6B5540;   /* texto corrido */
  --marca-suave:        #8A7A63;   /* texto secundário, legendas */
  --marca-detalhe:      #A0855B;   /* links discretos, eyebrow */
  --marca-realce:       #A8842C;   /* itálico de destaque no hero */

  --fundo:              #FAF7F1;   /* fundo da página */
  --fundo-alt:          #F4EDE1;   /* seções alternadas, hero */
  --superficie:         #FDFCFA;   /* cartões */

  /* --- TIPOGRAFIA --------------------------------------------
     ATENÇÃO: o guia de marca no README pede Cormorant Garamond
     + Montserrat, mas o site foi construído em Georgia + Lora.
     Mantive o que está no ar para não alterar o visual.
     Para adotar o guia, troque só estas duas linhas. */
  --fonte-titulo: Georgia, "Cormorant Garamond", serif;
  --fonte-corpo:  "Lora", Georgia, serif;
  --fonte-ui:     Georgia, serif;

  /* --- FORMA -------------------------------------------------- */
  --raio-sm: 2px;
  --raio-md: 4px;
  --raio-lg: 7px;

  /* --- PERFIL DA LOJA ----------------------------------------
     Ajusta a densidade visual conforme o público.
     fitness/grife → respiro e foto grande
     modinha       → mais produtos por tela, preço protagonista */
  --grade-vitrine:  4;      /* produtos por linha no desktop */
  --grade-catalogo: 3;
  --proporcao-foto: 3 / 4;  /* grife costuma usar 4/5 */
  --hero-altura:    640px;
}