/* Tema de Indian Cottage */

:root {
  --fondo-interior: url(/images/fondo.webp);
  --logo-fondo: url(/images/logo_fondo.webp);

  /* Degradado de marca */
  --color-degradado2: linear-gradient(
    -45deg,
    var(--color-secundario) 0,
    color-mix(in srgb, var(--blanco) 50%, transparent) 7rem
  );
  --degradado-en-cristal: linear-gradient(
    -45deg,
    color-mix(in srgb, var(--color-secundario) 30%, var(--blanco)) 0,
    color-mix(in srgb, var(--blanco) 50%, transparent) 9rem
  );

  /* Colores */
  --blanco: #ffffff;
  --negro: #111111;
  --fondo-negro: #ffffff;
  --fondo-app: #ffffff;
  --color-primario: #8d3826;
  --color-secundario: #8d3826;
  --color-titulo: var(--color-primario);
  --color-nombre-plato: var(--color-primario);
  --color-acento-carta: var(--color-primario);
  --color-footer-acento: var(--color-primario);
  --color-texto-tema: var(--negro);
  --color-icono-nav: var(--color-secundario);
  --halo-texto: none;
  /* Marca de un solo color: sin esto el botón de reservar no anima */
  --reservar-brillo: color-mix(in srgb, var(--color-primario) 55%, #fff);

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

  /* Formulario de reservas: degradado OPACO y en % (el panel es muy alto) */
  --color-form-borde: rgba(0, 0, 0, 0.25);
  --color-form-borde-focus: rgba(0, 0, 0, 0.15);
  --form-fondo: linear-gradient(
    -45deg,
    color-mix(in srgb, var(--color-secundario) 40%, var(--blanco)) 0%,
    var(--blanco) 55%
  );
  --form-texto: var(--negro);
  --form-input-fondo: rgba(0, 0, 0, 0.04);
  --form-placeholder: rgba(0, 0, 0, 0.45);
  /* Corporativo oscurecido: el de marca no se lee sobre el tinte del panel */
  --form-warning: color-mix(in srgb, var(--color-primario) 85%, #000);
  --form-datepicker-filtro: none;

  /* El advert es un cartel vertical (500x2334): sin tope, se lee con scroll */
  --advert-alto-max: none;

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

/* Singularidad de esta app */
.carta .product__description {
  color: var(--negro);
}