/* Colores de Thaibox (del logo: rojo, verde y amarillo). Se cargan despues de estilo.css
   y reemplazan los de Fuente Mendoza. */
:root {
  --rojo: #ee2532;
  --marron: #145a3b;
  --mostaza: #f0ef25;
  --fondo: #f5f7f2;
  --superficie: #ffffff;
  --texto: #10261f;
  --suave: #5b6e66;
  --borde: #dde6df;
  --acento: #ee2532;
  --acento-texto: #ffffff;
  --acento-suave: #fde3e1;
  --sombra: 0 6px 24px rgba(20, 90, 59, 0.16);
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #0b2218;
    --superficie: #12301f;
    --texto: #eef4ef;
    --suave: #a3b8ae;
    --borde: #22442f;
    --acento: #ff4a42;
    --acento-texto: #ffffff;
    --acento-suave: #3d1412;
    --sombra: 0 6px 24px rgba(0, 0, 0, 0.55);
  }
}

/* Pagina de pedidos online (index.html): sus colores fijos de Fuente Mendoza, en version Thaibox */
.marca-barra { background: #145a3b; border-bottom-color: #f0ef25; }
.btn-amarillo { background: #f0ef25; color: #145a3b; }
.btn-borde { background: transparent; color: #f0ef25; border-color: #f0ef25; }
.cat-btn img, .cat-btn .sin { background: #145a3b; box-shadow: 0 2px 8px rgba(20, 90, 59, .18); }
.cat-btn .sin { color: #f0ef25; }
.cat-btn.activa img, .cat-btn.activa .sin { outline-color: #f0ef25; }
.hero { background: radial-gradient(circle at 75% 45%, #3dba78 0%, #1f8a56 45%, #145a3b 100%); }
.hero::after, h2.cat::after, .platos::before, .circulo::before { background: #f0ef25; }
.hero h2 span { color: #f0ef25; }
.hero p { color: #e6f3ee; }
.hero-btns button.activo { background: #f0ef25; }
.platos .p2, .platos .p3 { border-color: #145a3b; }
.producto:not(:disabled):hover { box-shadow: 0 10px 24px rgba(20, 90, 59, .16); }
.p-foto.sin { background: #145a3b; }
.circulo img { box-shadow: 0 12px 30px rgba(20, 90, 59, .3); }
.t1 { background: #ee2532; } .t2 { background: #145a3b; } .t3 { background: #f0ef25; color: #145a3b; }

/* El logo de Thaibox es redondo: un poco mas grande en la barra */
.top-fila h1 img { height: 60px; }