/* styles.css — tema de La Cofradía - La Tiñosa: claro, azul de marca con degradado, cristal blanco */
:root {
  /* Fondos de la app de siempre: pescadores (interiores) y red (index) */
  --fondo-interior: url(/images/fondo.webp);
  --fondo-index-img: url(/images/fondo1.webp);
  --logo-fondo: none;
  /* Degradado de marca de la app de siempre (se conserva: decisión de Manu, 13 oct 2026) */
  --color-degradado2: linear-gradient(-45deg, var(--color-primario) 10%, transparent 45%, transparent 5%, var(--blanco) 80%);
  --blanco: #ffffff;
  --negro: #111111;
  --fondo-negro: #fff;
  --fondo-app: #fff;

  /* Azul del logo: 6,9:1 sobre blanco, vale como texto */
  --color-primario: #283cf4;
  --color-secundario: #283cf4;
  --color-titulo: var(--color-primario);
  --alergenos-titulo: var(--color-titulo);

  /* Tema claro (criterio The Vu): textos oscuros, iconos en azul */
  --color-texto-tema: var(--negro);
  --color-icono-nav: var(--color-primario);
  --halo-texto: none;
  --color-nombre-plato: var(--negro);
  --color-acento-carta: var(--color-primario);
  --color-footer-acento: var(--color-primario);

  /* Formulario de reservas: la red de la app de siempre bajo el degradado */
  --color-form-borde: rgba(0, 0, 0, 0.25);
  --color-form-borde-focus: rgba(0, 0, 0, 0.15);
  --form-fondo: var(--color-degradado2), url(/images/fondo2.webp) center / cover no-repeat, var(--blanco);
  --form-texto: var(--negro);
  --form-input-fondo: rgba(0, 0, 0, 0.04);
  --form-placeholder: rgba(0, 0, 0, 0.45);
  --form-warning: var(--color-secundario);
  --form-datepicker-filtro: none;

  /* Liquid glass blanco */
  --lg-bg-color: rgba(255, 255, 255, 0.4);
  --lg-brightness: 1;
  --lg-highlight: rgba(255, 255, 255, 0.15);
  --lg-blur: 0.25rem;

  --sombra: 0.1875rem 0.1875rem 0.25rem #fff, -0.1875rem -0.1875rem 0.25rem rgba(17, 17, 17, 0.35);
  --border-radius: 1.25rem;
  --tipo-principal: "Roboto", sans-serif;
}

/* Index: los peces animados con las medidas de la app de siempre */
.index {
  --movimiento-width: 90dvw;
  --movimiento-max: 30rem;
  --movimiento-bottom: 9dvh;
  --movimiento-left: 10%;
}