/* Marca Gomera Go, estilo "isla volcánica": la tipografía, la paleta y los
   iconos de línea que comparten la app de cliente (acceso y pedidos), la
   cocina y el reparto. Cada app carga después su propia hoja, que añade o
   cambia lo que necesite (p. ej. --radius en el acceso de cliente).

   Paleta: verde laurisilva en barras y navegación, arena de fondo, texto
   basalto y el naranja de la marca para la acción principal. */

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/comun/fuentes/ibm-plex-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/comun/fuentes/ibm-plex-sans-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/comun/fuentes/ibm-plex-sans-600.woff2") format("woff2");
  font-weight: 600 700;
  font-display: swap;
}

:root {
  --verde: #1f3d2f;
  --verde-oscuro: #16301f;
  --verde-medio: #2c5642;
  --verde-texto: #24543d;
  --verde-claro: #e3ece6;
  --color-bg: #f3eee5;
  --color-card: #fffcf7;
  --color-text: #1f1d1b;
  --color-muted: #6a635b;
  --color-border: #e3dacb;
  --color-accent: #e0672e;
  --color-accent-hover: #c4551f;
  --color-accent-suave: #fbe7dc;
  --color-success: #1e7d43;
  --color-success-suave: #e1f0e6;
  --color-warning: #a8740a;
  --color-warning-suave: #f8ecd0;
  --color-danger: #b83a2b;
  --color-danger-suave: #f9e1dd;
  --radius: 14px;
  --radius-sm: 10px;
  --sombra: 0 1px 2px rgba(31, 29, 27, 0.05), 0 4px 14px rgba(31, 29, 27, 0.06);
  font-size: 16px;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  -webkit-tap-highlight-color: transparent;
}

button,
input,
textarea {
  font-family: inherit;
}

/* Iconos de línea (comun/iconos.js): el tamaño sigue a la letra y el color
   al texto. */
.icono {
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -0.2em;
}