/* Marca Snowlytics: la única fuente de colores, tipografía y esquinas.
   La usan la plataforma (frontend/, tablet, superadmin) y la web comercial
   (web/construir.py la pone delante de sus hojas). Si cambia un color aquí,
   cambia en las dos.

   Reglas:
   - El naranja es de la marca y de las acciones (botón principal, lo
     seleccionado). Nunca para pintar un dato.
   - Los datos llevan su propia paleta (--dato-*), validada para daltonismo y
     contraste sobre --superficie. Un estado (ok/aviso/crítico) siempre va con
     su texto o icono, nunca solo el color. Solo tres: un naranja intermedio
     no se distingue del de la marca.
   - Los colores de dificultad de pista son solo para el trazado de pistas. */

/* Fuentes de respaldo con las proporciones de las de la marca: mientras
   llegan Barlow y Azeret Mono, el texto ocupa casi lo mismo y nada salta. */
/* medido: Barlow Condensed 800 ocupa el 61,9 % del ancho de Arial; Barlow, el 95,2 % */
@font-face { font-family: "Rotulo respaldo"; src: local("Arial"); size-adjust: 62%; }
@font-face { font-family: "Texto respaldo"; src: local("Arial"); size-adjust: 95%; }
@font-face { font-family: "Dato respaldo"; src: local("Courier New"); size-adjust: 100%; }

:root {
  /* superficies y tinta */
  --fondo: #0a0d11;
  --superficie: #10151b;
  --linea: #1a222b;
  --hielo: #e8eef3;
  --gris: #8b97a3;
  --gris-osc: #4a5560;

  /* marca y acciones */
  --naranja: #ff6b1a;
  --naranja-claro: #ff8240;
  --naranja-tinta: #1a0a02;          /* texto sobre fondo naranja */

  /* estados (siempre con texto o icono al lado) */
  --dato-ok: #4cc77a;
  --dato-aviso: #fab219;             /* atención */
  --dato-critico: #e5484d;
  --dato-neutro: #66727e;            /* sin datos, apagado */
  --ok: var(--dato-ok);

  /* series de gráficas y categorías, en este orden y sin saltarse ninguno
     (el orden es lo que las hace distinguibles para daltónicos) */
  --dato-serie-1: #3987e5;           /* azul: la serie principal */
  --dato-serie-2: #199e70;           /* aguamarina */
  --dato-serie-3: #c98500;           /* ámbar */
  --dato-serie-4: #9085e9;           /* violeta */
  --dato-serie-5: #d55181;           /* magenta */
  --dato-info: var(--dato-serie-1);

  /* dificultad de pista: solo para el trazado */
  --pista-verde: #3fae5a;
  --pista-azul: #2f7de1;
  --pista-roja: #e5383b;
  --pista-negra: #05070a;

  /* tipografía */
  --f-rotulo: "Barlow Condensed", "Rotulo respaldo", "Arial Narrow", sans-serif;   /* titulares, en mayúsculas */
  --f-texto: "Barlow", "Texto respaldo", system-ui, sans-serif;
  --f-dato: "Azeret Mono", "Dato respaldo", ui-monospace, monospace;             /* cifras y cotas */

  /* esquinas casi rectas: aire técnico y caben más datos */
  --radio: 4px;
  --radio-s: 2px;
}