/* Tema del panel · Hotel Los Bosques
   ÚNICO lugar donde se definen los colores y la tipografía (decisión del dueño, 12 oct 2026).
   Ninguna otra hoja, pantalla o programa escribe un color a mano: todas usan estas variables.
   Para cambiar un color del panel se cambia aquí y cambia en todas las pantallas. */

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fuentes/ibm-plex-sans-latin.woff2') format('woff2');
  font-weight: 400 600;   /* un solo archivo con los pesos 400, 500 y 600 */
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fuentes/playfair-display-600-latin.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

:root {
  /* ---- Base ---- */
  --fondo: #F5F4F0;                 /* fondo de todas las pantallas */
  --superficie: #FFFFFF;            /* tarjetas, tablas, cuadrícula del calendario, formularios */
  --linea: #E2E0D8;                 /* bordes y divisiones */
  --texto: #1C2320;                 /* texto principal */
  --texto-secundario: #5C625E;      /* etiquetas, ayudas, fechas secundarias; borde de los campos */
  --barra-superior: #1C2320;
  --barra-superior-texto: #F5F4F0;
  --dorado: #A27A26;                /* columna de hoy, pestaña activa, contorno de foco del teclado */
  --dorado-tinte: #FBF3DC;          /* fondo de la columna de hoy */

  /* ---- Botones ---- */
  --boton-fondo: #1C2320;
  --boton-texto: #FFFFFF;
  --boton-secundario-fondo: #FFFFFF;
  --boton-secundario-borde: #E2E0D8;
  --boton-secundario-texto: #1C2320;
  --peligro: #B3361F;               /* cancelar, eliminar */
  --peligro-texto: #FFFFFF;

  /* ---- Estados: solo en etiquetas, ficha, listas y avisos; nunca como relleno de las barras ---- */
  --por-confirmar-fondo: #FBEBC0;   --por-confirmar-texto: #5C4300;
  --confirmada-fondo: #DCE6F5;      --confirmada-texto: #1D3F73;
  --en-casa-fondo: #D9EEDF;         --en-casa-texto: #1D5234;
  --retirada-fondo: #E6E7E4;        --retirada-texto: #3F4441;
  --cancelada-fondo: #F6DCD6;       --cancelada-texto: #8A2A17;
  --alerta: #B3361F;                /* saldo pendiente y alertas */

  /* ---- Barras del calendario (el dueño mantuvo el olivo: confirmada lisa, por confirmar rayada, gris al salir) ---- */
  --reserva: #5C6B1F;
  --reserva-texto: #FFFFFF;
  --reserva-oscura: #3F4A13;        /* barra bajo el puntero, texto sobre olivo claro */
  --reserva-clara: #7D8A4C;         /* la otra raya de las por confirmar */
  --reserva-tinte: #C9D19F;         /* etiqueta temporal "Nueva" */
  --salida-fondo: #C9CCC7;          /* barras de quienes ya se retiraron */
  --salida-texto: #2A2D2B;

  /* ---- Serie de 8 colores, todos con texto blanco: orígenes de reserva y series de los gráficos ---- */
  --serie-1: #2F5FA7;
  --serie-2: #2E7D4F;
  --serie-3: #7B4A9E;
  --serie-4: #B04A26;
  --serie-5: #0E6E7E;
  --serie-6: #A2365F;
  --serie-7: #5A6B22;
  --serie-8: #7A5A1E;
  --serie-texto: #FFFFFF;
  --origen-web: var(--serie-5);
  --origen-booking: var(--serie-1);
  --origen-recepcion: var(--serie-8);

  /* ---- Sombras y velos (el color del texto, con transparencia) ---- */
  --sombra: rgba(28, 35, 32, .18);
  --velo: rgba(28, 35, 32, .45);
  --sobre-oscuro: rgba(255, 255, 255, .14);   /* botones dentro de fondos oscuros */

  /* ---- Tipografía ---- */
  --letra: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --letra-marca: 'Playfair Display', Georgia, serif;   /* solo el nombre "Los Bosques" de la barra superior */
  --t-minimo: 12px;                 /* nada por debajo de 12 px */
  --t-etiqueta: 13px;
  --t-texto: 15px;
  --t-seccion: 18px;
  --t-pantalla: 22px;

  /* ---- Medidas ---- */
  --toque: 44px;                    /* alto mínimo de botones, campos y celdas táctiles */
  --radio: 8px;
  --foco: 2px solid var(--dorado);  /* contorno de todo lo que se selecciona con el teclado */
}