/* ============================================================
   QUART'Z — VARIABLES.CSS
   Tokens de design. Nunca alterar sem revisão de identidade.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Montserrat:wght@200;300;400;500&display=swap');

:root {

  /* ── PALETA ── */
  --washi:      #F4F0E8;   /* fundo dominante */
  --void:       #0D0D0F;   /* títulos, logo, botões primários */
  --amadeirado: #A0622A;   /* linha 1px, preços, badges, underlines — NUNCA fundo */
  --ash:        #3A3A42;   /* texto secundário e descrições */
  --stone:      #D4C5B0;   /* bordas, placeholders, separadores */

  /* ── TIPOGRAFIA ── */
  --font-title: 'Cormorant Garamond', serif;
  --font-body:  'Montserrat', sans-serif;

  /* ── LETTER-SPACING ── */
  --ls-title:   0.20em;    /* títulos Cormorant */
  --ls-label:   0.18em;    /* labels uppercase Montserrat */
  --ls-body:    0.08em;    /* corpo Montserrat */

  /* ── LAYOUT ── */
  --header-h:   56px;
  --page-px:    20px;      /* padding horizontal padrão */
  --max-w:      375px;     /* largura máxima mobile-first */

  /* ── TRANSIÇÕES ── */
  --ease:       0.22s ease;
  --ease-menu:  0.30s ease;
}