/* ════════════════════════════════════════════════════════════════
   BASE.CSS — Sistema de diseño compartido (Delicias&Sabores)
   ════════════════════════════════════════════════════════════════
   Este archivo se carga en TODAS las páginas, ANTES del CSS
   específico de cada página. Contiene los colores y fuentes de
   marca (design tokens). Si cambian los colores de marca, este es
   el único archivo que hay que tocar.
   ════════════════════════════════════════════════════════════════ */

:root {
  --cream:      #FBF3E7;
  --cream-2:    #F4E8D8;
  --espresso:   #2B1810;
  --espresso-2: #3D241A;
  --red:        #C0392B;
  --red-d:      #9E2E22;
  --butter:     #F5C04E;
  --taupe:      #8B7355;
  --white:      #FFFEFB;
  --line:       rgba(43,24,16,0.12);
  --green:      #5E8C61;
  --green-l:    #E1ECE2;

  --font-display: 'Fraunces', serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'Space Mono', monospace;
}