/* ============================================================================
   HOTEL AVENIDA — tokens del sistema visual
   v1 · 2026-09-07

   PORTABLE. Este archivo se copia tal cual al Sistema Interno.
   Es la única fuente de verdad del color, la tipografía y el espaciado.
   Ningún otro archivo declara un color literal: todos leen de acá.

   Los dos colores de marca están medidos sobre el logotipo real del hotel
   (logo.png, píxel #1644C3 y #FC0000). No son una interpretación.
   ========================================================================= */

:root {

  /* --- COLOR: marca ------------------------------------------------------
     El azul es el color estructural del sistema: llena bloques, no acentúa.
     El rojo es el color de la acción. Regla dura: UNA sola cosa roja por
     pantalla. En el panel interno, rojo significa "esto no cuadra". Si el
     rojo aparece tres veces, deja de significar algo.                     */
  --azul:        #1644C3;
  --azul-hondo:  #0E2C7E;
  --azul-tenue:  #E4EAF9;
  --rojo:        #FC0000;

  /* --- COLOR: superficies y texto ---------------------------------------
     El fondo es un gris frío, no un crema. La tinta es el azul de marca
     oscurecido, no un negro genérico: mantiene la temperatura del sistema. */
  --papel:       #F1F2F4;
  --blanco:      #FFFFFF;
  --tinta:       #101A33;
  --gris:        #6E7480;
  --linea:       #D3D6DC;
  --fila-par:    #FAFBFC;

  /* --- COLOR: estados ----------------------------------------------------
     Sirven para el panel interno más que para el sitio. El rojo de error es
     el rojo de marca: no se agrega un segundo rojo al sistema.            */
  --ok:          #0B7A3E;
  --ok-fondo:    #EAF6EF;
  --pend:        #B45309;
  --pend-fondo:  #FDF4E7;
  --mal:         var(--rojo);
  --mal-fondo:   #FDECEC;

  /* --- TIPOGRAFÍA --------------------------------------------------------
     Dos familias, dos roles claros.

     Arvo es la tipografía de la marca: la misma familia de slab serif del
     logotipo. Va en lo que carga identidad —titulares, las cifras que son el
     argumento de una pantalla, y los controles de cara al público. Reemplaza
     a Archivo Black, que estaba ocupando este lugar mientras no teníamos la
     tipografía real. No se usa para texto corrido: es una slab pesada y a
     tamaño de párrafo cansa.

     Archivo sostiene todo lo demás: cuerpo, etiquetas, tablas y controles de
     panel. En el Sistema Interno es la que más se ve, porque una slab en una
     tabla de números es peor que una grotesca.                             */
  --marca: 'Arvo', Georgia, 'Times New Roman', serif;
  --texto: 'Archivo', system-ui, -apple-system, sans-serif;

  --t-xs:  13px;
  --t-sm:  15px;
  --t-md:  17px;   /* base */
  --t-lg:  20px;
  --t-xl:  clamp(28px, 4vw, 40px);
  --t-2xl: clamp(34px, 6.4vw, 64px);

  --alto-texto: 1.55;
  --alto-titulo: 1.12;    /* Arvo tiene serifas y astas largas: 1.02 las pisaba */
  --track-titulo: 0;      /* el tracking negativo funcionaba en la grotesca;
                             en una slab pega las serifas entre sí */

  /* --- ESPACIADO ---------------------------------------------------------
     Escala de 4. No se usan valores fuera de esta lista.                  */
  --s1:  4px;
  --s2:  8px;
  --s3:  12px;
  --s4:  16px;
  --s5:  24px;
  --s6:  32px;
  --s7:  48px;
  --s8:  72px;

  /* --- FORMA -------------------------------------------------------------
     Radios chicos y distintos por rol, no un radio único para todo.
     La placa imita el canto de un cartel esmaltado; los controles son
     más rectos porque tienen que leerse como controles.                   */
  --r-placa:   3px;
  --r-control: 2px;

  --filete: 2px;   /* grosor del filete interior de la placa */
  --borde:  1px;

  /* --- DISPOSICIÓN ------------------------------------------------------- */
  --ancho: 1120px;
  --foco: 3px solid var(--rojo);
}