/* Estilo del salon (src/estilo.js) */
@font-face { font-family: "Playfair Display"; src: url("/static/reservas/fonts/playfair-display-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("/static/reservas/fonts/playfair-display-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Jost"; src: url("/static/reservas/fonts/jost-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("/static/reservas/fonts/jost-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("/static/reservas/fonts/jost-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
:root {
  --acento: #a8466b;
  --titulo: "Playfair Display", system-ui, sans-serif;
  --titulo-peso: 400;
  --guion: "Playfair Display", cursive;
  --guion-peso: 400;
  --guion-estilo: italic;
  --guion-escala: 0.78;
  --sans: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
}
:root { --acento: #a8466b; --fondo: #e9e8e7; --superficie: #faf9f9; --borde: #cdcccb;
  --texto: #1f1a17; --sutil: #6f6560; --error: #b42318; --acento-texto: #ffffff;
  --acento-suave: color-mix(in srgb, var(--acento) 12%, var(--superficie)); color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --acento: #a8466b; --fondo: #e9e8e7; --superficie: #faf9f9; --borde: #cdcccb;
  --texto: #1f1a17; --sutil: #6f6560; --error: #b42318; --acento-texto: #ffffff;
  --acento-suave: color-mix(in srgb, var(--acento) 12%, var(--superficie)); color-scheme: light; } }
:root { --gris: var(--sutil); --vidrio: color-mix(in srgb, var(--superficie) 72%, transparent); --borde-vidrio: var(--borde);
  --claro: color-mix(in srgb, var(--acento) 7%, var(--superficie)); --suave: color-mix(in srgb, var(--acento) 16%, var(--superficie));
  --medio: color-mix(in srgb, var(--acento) 45%, var(--superficie)); }
