/* tokens.css — valores de diseño de OftajmV2 (Fase 1.3). Todo color, espacio o tamaño sale de aquí.
   Base: la estética de ITV (decidido el 01-10-2026), en versión más aireada. Sin modo oscuro. */
:root {
  /* Colores de ITV */
  --tinta: #123;             /* texto */
  --suave: #5a6b7b;          /* texto secundario, etiquetas */
  --linea: #c9d6e2;          /* bordes */
  --fondo: #eef3f7;          /* fondo de la página */
  --panel: #ffffff;          /* tarjetas */
  --cian: #dbeef5;           /* resaltado suave; ojo derecho */
  --turquesa: #c6e6e2;       /* ojo izquierdo */
  --lavanda: #e7e2f2;        /* ambos ojos */
  --beige: #f4ebd9;          /* cuadros de salida (informe) */
  --ambar: #fff8e6;          /* programado / pendiente */
  --ambar-borde: #e0c56a;
  --ambar-texto: #8a6d1a;
  --acento: #0a6a7a;         /* turquesa principal */
  --acento-oscuro: #08505c;
  --alerta: #b23;
  --alerta-fondo: #fdecec;
  --alerta-borde: #e6b3b3;
  --aviso: #fff3cd;
  --ok-texto: #0b5d4b;
  --ok-fondo: #e3f4ef;

  /* Colores de cada ojo en marcas pequeñas (puntos, insignias) */
  --od: #0a6a7a;
  --oi: #6a4c93;
  --ao: #c98a1f;

  /* Tipografía (14 px, como ITV) */
  --fuente: "Segoe UI", system-ui, sans-serif;
  --fuente-mono: Consolas, "Courier New", monospace;
  --texto: 14px;
  --texto-pequeno: 12px;
  --texto-mini: 11px;
  --texto-grande: 16px;
  --titulo: 20px;
  --interlineado: 1.5;

  /* Espacios (versión aireada de ITV) */
  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 24px;
  --e6: 32px;

  /* Formas */
  --radio-pequeno: 4px;
  --radio: 6px;
  --radio-grande: 8px;
  --sombra-barra: 0 1px 6px rgba(0, 0, 0, .2);
  --sombra-modal: 0 10px 30px rgba(0, 0, 0, .25);
  --anillo-foco: 0 0 0 3px rgba(10, 106, 122, .35);

  /* Anchos */
  --ancho-max: 1600px;       /* pantallas de 1920 px del hospital */
  --ancho-estrecho: 460px;   /* formularios sencillos */
}