/* Paleta y tipografías de Donde Como (rojo, amarillo y naranja sobre crema) */
:root {
  --red: #D62718;
  --red-d: #8E1410;
  --red-dd: #C21F12;
  --orange: #DD4317;
  --yellow: #FFC20E;
  --yellow-s: #FFF0B8;
  --ink: #2A0F0C;
  --muted: #7A5F58;
  --line: #F0E4D6;
  --map: #FBF1E0;
  --gray: #E9E9E9;
  --display: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Nombres que usa el resto del sistema */
  --bg: #FFFDF8;
  --tarjeta: #ffffff;
  --tinta: var(--ink);
  --tinta-suave: var(--muted);
  --borde: var(--line);
  --oscuro: var(--ink);
  --acento: var(--red);
  --acento-osc: var(--red-d);
  --acento-claro: var(--yellow-s);
  --ok: #2e7d4f;
  --ok-claro: #e3f3ea;
  --error: #b3261e;
  --error-claro: #fbe7e5;
  --aviso: #7a5500;
  --aviso-claro: var(--yellow-s);

  --radio: 18px;
  --radio-chico: 12px;
  --sombra: 0 1px 2px rgba(42, 15, 12, 0.06), 0 8px 24px -10px rgba(142, 20, 16, 0.22);
  --ancho: 1120px;
  --gutter: 16px;
  --alto-header: 64px;
  --fuente: var(--body);
  color-scheme: light;
}

@media (min-width: 640px) {
  :root { --gutter: 24px; }
}