* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* 2026-08-21 (Eduardo: "nos gusta la paleta de colores q se usan en
     esas imagenes para todo el sitio en general" -- mockup propio del
     Menú del día, oliva cálido + naranja terracota sobre fondo crema).
     --t-bg ya era un crema cálido de antes (#fdf6f0), se mantiene. El
     acento pasa de teal a este oliva -- esta es la ÚNICA variable de
     marca centralizada de verdad (todo el sitio público lee var(--t-*)
     de aquí); los paneles internos de personal (comandera, caja,
     contabilidad...) tienen su PROPIA copia de estas variables inline
     en cada plantilla -- ver templates/staff/base_panel.html y
     templates/pedidos_qr/*.html -- fuera del alcance de este cambio,
     pendiente si se quiere extender también ahí. */
  --primary: #5c6b3a;
  --accent: #5c6b3a;
  --background: #ffffff;
  --text: #2d2d2d;
  --light-bg: #fdf6f0;
  --success: #28a745;
  --border-radius: 8px;
  /* Tema de marca — oliva cálido + terracota */
  --t-bg: #fdf6f0;
  --t-panel: #fff;
  --t-accent: #5c6b3a;
  --t-highlight: #c9683a;
  --t-navy: #0d1b2e;
  --t-teal: #35aaa6;
  --t-cream: #fdf6f0;
  --t-text: #2d2d2d;
  --t-muted: #7a6a5a;
  --t-line: #e8ddd5;
}

body {
  font-family: var(--t-font-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);
  color: var(--text);
  background-color: var(--background);
  line-height: 1.6;
  /* 2026-08-26 (Claude, hallazgo real en Moderna móvil: scrollWidth 411px
     vs clientWidth 390px, con scroll horizontal visible -- el panel
     lateral off-canvas (.nsb-panel, menú de móvil) vive en
     position:fixed;right:-340px cuando está cerrado, fuera de la
     pantalla, pero eso NO impide que siga contribuyendo al ancho de
     scroll del documento (quirk conocido de CSS: un elemento fixed
     desplazado fuera de la vista sigue "existiendo" para el cálculo de
     scrollWidth salvo que algo lo recorte). Afecta a las 7 plantillas
     por igual (el panel es compartido), aquí solo se hizo visible al
     medir Moderna. overflow-x:hidden en body es el recorte estándar
     para este patrón exacto. */
  overflow-x: hidden;
}
html { overflow-x: hidden; }

/* 2026-08-25: tipografía elegible desde el admin (site_config.TemaConfig)
   -- --t-font-heading solo se define cuando se elige playfair (titulares
   distintos del cuerpo); si no está definida, hereda la de body, así que
   este selector es seguro incluso con la tipografía 'sistema'. */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--t-font-heading, inherit);
}