/* ============================================================
   Babita · colors.css — IDENTIDADE OFICIAL (brandbook)
   Fundo branco quente · CTA preto · acento TERRA #5a4a2a (Express)
   Tipografia: Georgia (serif editorial) · Ubuntu (corpo) · Gauntlet (wordmark)
   ============================================================ */
:root{
  /* base — branco quente oficial */
  --c-paper:   #FAF8F5;   /* fundo principal */
  --c-paper-2: #FFFFFF;   /* cartões / superfícies elevadas */
  --c-paper-3: #F1ECE3;   /* faixas / blocos sutis */
  --c-black:   #0A0A0A;   /* CTA sólido / wordmark */
  --c-ink:     #141414;   /* texto principal */
  --c-mute:    #6c6c6c;   /* texto secundário */
  --c-line:    #e7e1d6;   /* linhas, bordas, divisores */

  /* escala areia (oficial) */
  --sand-50:  #f3eee3;
  --sand-100: #e7e1d6;
  --sand-200: #d8d3ca;
  --sand-300: #c9c0b0;
  --sand-400: #a8a39c;
  --sand-500: #7a7569;

  /* acento TERRA oficial (destaque Express) */
  --terra:      #5a4a2a;
  --terra-deep: #3a2a0a;
  --terra-soft: #e8e1d0;   /* tint pálido p/ fundos/realces */
  --wine:       #2C2A2A;   /* Liga Fashion escuro */
  --wine-soft:  #F5F1EA;   /* Liga Fashion creme */
  --gold:       #a8956a;   /* dourado discreto */

  /* express */
  --express:      #5a4a2a;
  --express-soft: #e8e1d0;

  /* status */
  --ok:   #5A6B47;
  --warn: #8a6d33;

  /* tipografia (Gauntlet/DolceAmyara em fonts.css; Ubuntu via Google) */
  --serif:   Georgia, 'Times New Roman', serif;            /* display editorial */
  --sans:    'Ubuntu', system-ui, sans-serif;              /* UI / corpo */
  --sans-tight: 'Ubuntu', system-ui, sans-serif;
  --num:     'Ubuntu', system-ui, sans-serif;
  --script:  'DolceAmyara', Georgia, serif;
  --wordmark:'Gauntlet', Georgia, serif;

  /* forma (oficial: 4 / 8 / 18) */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* sombra de card oficial */
  --shadow-card: 0 22px 48px -34px rgba(20,16,8,.42), 0 2px 8px rgba(20,16,8,.05);
  --shadow-pop:  0 28px 70px -28px rgba(20,16,8,.5);
  --shadow-btn:  0 8px 20px -10px rgba(10,10,10,.45);
  --shadow-soft: 0 10px 26px -18px rgba(20,16,8,.3);
}
