/* ===========================================================================
   TEMA — SKY BAR · «Noche en el lago»
   Paleta propia de SKY BAR (2026-09-24). Sustituye a la de la hacienda.

   ⚠ LOS NOMBRES `--hsv-*` SE CONSERVAN A PROPÓSITO. Los usan más de 13 000
   líneas de CSS heredado; renombrarlos sería un renombrado masivo (AGENTS §11).
   Lo que cambia es el VALOR. Los tokens nuevos de SKY BAR van con `--sb-*`.

   ⚠ Este archivo lo escribía el editor de tema del panel heredado. En
   skybar_dev no existe la tabla `tema_tokens`, así que hoy nadie lo regenera;
   el editor quedó fuera del menú y pendiente de rehacer.
   =========================================================================== */

:root{

  /* ---- SKY BAR: la noche, el lago y el atardecer ---- */
  --sb-noche:        #0B1215;   /* fondo de marca: header, barra, hero        */
  --sb-noche-2:      #121B1F;   /* superficies sobre la noche                 */
  --sb-noche-3:      #1A262B;   /* hover y tarjetas sobre la noche            */
  --sb-linea-noche:  rgba(255,255,255,.09);
  --sb-texto-noche:  #E9EEF0;   /* texto sobre la noche (16:1)                */
  --sb-gris-noche:   #9FB0B6;   /* secundario sobre la noche (7.8:1)          */
  --sb-turquesa:     #1BD4DE;   /* el del logo. SOLO sobre fondo oscuro       */
  --sb-turquesa-hondo: #087480; /* acciones sobre claro (blanco encima 5.5:1) */
  --sb-ambar:        #F4A340;   /* el atardecer: acentos pequeños, en oscuro  */
  --sb-niebla:       #F3F5F6;   /* fondo claro del panel                      */
  --sb-gris:         #5B6B71;   /* texto secundario sobre claro (5.5:1)       */

  /* ---- Tokens heredados, con valores SKY BAR ---- */
  --hsv-fondo: #F3F5F6;
  --hsv-superficie: #FFFFFF;
  --hsv-superficie-alt: #EEF2F3;
  --hsv-marfil: #E7F3F4;
  --hsv-tinta: #0E171A;
  --hsv-acento: #087480;
  --hsv-acento-hover: #065F69;
  --hsv-acento-agua: #1BD4DE;
  --hsv-detalle: #F4A340;

  /* Estado */
  --e-neutro: #5B6B71;
  --e-curso: #087480;
  --e-exito: #157F52;
  --e-atencion: #A16207;
  --e-error: #B42318;

  /* Medida */
  --radio-tarjeta: 14px;
  --radio-control: 10px;
  --seccion-y: 120px;
  --dur-base: 220ms;

  /* Tipografía: una sola familia. La serif editorial era de la hacienda. */
  --fuente-titular: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fuente-editorial: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Derivados: se calculan solos */
:root{
  --hsv-acento-suave: color-mix(in srgb, var(--hsv-acento) 10%, transparent);
  --hsv-tinta-70: color-mix(in srgb, var(--hsv-tinta) 70%, transparent);
  --hsv-tinta-45: color-mix(in srgb, var(--hsv-tinta) 52%, transparent);
  --hsv-borde: color-mix(in srgb, var(--hsv-tinta) 11%, transparent);
  --hsv-velo: color-mix(in srgb, var(--sb-noche) 62%, transparent);

  /* Los cinco estados, en su tono de fondo */
  --e-neutro-suave: color-mix(in srgb, var(--e-neutro) 10%, transparent);
  --e-curso-suave: color-mix(in srgb, var(--e-curso) 10%, transparent);
  --e-exito-suave: color-mix(in srgb, var(--e-exito) 10%, transparent);
  --e-atencion-suave: color-mix(in srgb, var(--e-atencion) 12%, transparent);
  --e-error-suave: color-mix(in srgb, var(--e-error) 10%, transparent);
}