/* ============================================================
   Babita · colors.css — IDENTIDADE (reskin mockup jul/26)
   Bege quente #EFEAE0 · marrom #574D2C · CTA #5E5230 · tinta #1E1B16
   Cormorant Garamond (display) · Mukta (UI). Nomes de var preservados.
   ============================================================ */
:root{
  --c-paper:   #EFEAE0;   /* fundo principal */
  --c-paper-2: #FFFFFF;   /* cartoes / superficies */
  --c-paper-3: #FBF9F4;   /* paineis / faixas sutis */
  --c-black:   #1E1B16;   /* dark solido (botao escuro) */
  --c-ink:     #1E1B16;   /* texto principal */
  --c-mute:    #56503E;   /* texto secundario (escurecido p/ contraste AA) */
  --c-line:    #D7CDB9;   /* linhas, bordas, divisores (mais visiveis) */

  /* escala areia -> neutros do mockup */
  --sand-50:  #F4EFE4;
  --sand-100: #EDE6D6;
  --sand-200: #E2DACB;
  --sand-300: #D8CFBD;
  /* rótulos/ícones em texto: escurecidos p/ WCAG AA (hue preservado; decor usa sand-300) */
  --sand-400: #6E6654;
  --sand-500: #767163;

  /* acento -> CTA/express do mockup */
  --terra:      #5E5230;
  --terra-deep: #574D2C;
  --terra-soft: #EDE6D6;
  --wine:       #1E1B16;
  --wine-soft:  #FBF9F4;
  --gold:       #8A7A3E;

  --express:      #5E5230;
  --express-soft: #F4EFE4;

  --ok:   #2E7D46;
  --warn: #7A6A3E;

  /* tipografia do mockup */
  --serif:   'Cormorant Garamond', Georgia, serif;   /* display / titulos / precos */
  /* Montserrat como fallback (Mukta tem º/ª QUEBRADOS — glifo em branco; override por unicode-range no fonts.css) */
  --sans:    'Mukta', 'Montserrat', system-ui, sans-serif;   /* UI / corpo */
  --sans-tight: 'Mukta', 'Montserrat', system-ui, sans-serif;
  --num:     'Poppins', 'Mukta', 'Montserrat', system-ui, sans-serif;   /* NÚMEROS (forte/visível) — LOTE S */
  --script:  'DolceAmyara', Georgia, serif;
  --wordmark:'Gauntlet', Georgia, serif;

  /* forma (mais arredondado, mockup) */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* sombras suaves do mockup */
  --shadow-card: 0 1px 2px rgba(30,27,22,.05), 0 12px 30px -22px rgba(30,27,22,.22);
  --shadow-pop:  0 30px 80px rgba(0,0,0,.30);
  --shadow-btn:  0 8px 20px -12px rgba(94,82,48,.5);
  --shadow-soft: 0 8px 22px -16px rgba(30,27,22,.25);
}