/* HoneyKiss, design tokens. Única fonte de verdade do sistema visual.
   Cor, fonte, espaço, raio ou transição nova entra AQUI, nunca solta num componente. */


/* ============================================================
   TOKENS  (espelham o sistema visual da referência)
   ============================================================ */
:root{
  --color-background:#FFFFFF;
  --color-ink:#292929;
  --color-primary:#E0457E;       /* rosa da marca */
  --color-primary-dark:#C22F66;
  --color-gold:#B5762A;          /* dourado dos títulos de destaque */
  --color-cream:#FDF2E3;
  --color-cream-deep:#FEF5B9;    /* amarelo pálido do menu lateral */
  --color-honey:#FEDE94;         /* fundo da faixa de atributos */
  --color-honey-ink:#AF7200;     /* texto sobre a faixa e títulos dourados */
  --color-sand:#FBF3E6;          /* fundo do card de newsletter */
  --color-gold-light:#D78C01;    /* rótulo acima do título dourado */
  --color-ink-deep:#1E1E1E;      /* botão do formulário de newsletter */
  --color-placeholder-ink:#B09272; /* rótulo da moldura sem imagem */
  --color-blush:#FFF4F7;
  --color-sale:#D02E2E;
  --color-muted:#6B6B6B;
  --color-border:#E8E8E8;
  --color-surface:#F8F8F8;
  --color-bar:#F9F9FB;            /* faixa de avisos do topo, valor da referência */

  --font-display:"Fraunces","Times New Roman",serif;
  --font-ui:"Work Sans",Helvetica,Arial,sans-serif;
  --font-btn:"Red Hat Display",Helvetica,Arial,sans-serif;

  --fs-body:15px;
  --fs-small:14px;
  --fs-micro:12px;
  --fs-h1:clamp(2.25rem,1.4rem + 3.6vw,3.75rem);   /* 36px -> 60px como na ref */
  --fs-h2:clamp(1.625rem,1.2rem + 1.9vw,2.5rem);   /* 26px -> 40px */
  /* Não existe --fs-h3: os h3 do site têm tamanhos próprios por componente
     (card de produto, value prop, nome no carrossel). Um token genérico ficou
     0 vezes usado e com a unidade errada, então foi removido em vez de mantido
     por simetria. Se surgir um h3 padrão de verdade, ele entra aqui. */

  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:11px;
  --radius-pill:999px;

  --btn-h:52px;
  --shell:1660px;
  --content:1200px;
  --gutter:clamp(1rem,3.5vw,2.5rem);
  --section:clamp(3rem,6vw,5.5rem);
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:220ms;
}