/* Tokens de la identidad de Uhorizon v0.4.
   Fuente: dep_marketing/marca/identidad-visual.md y marca/assets/color-tokens-v0.4.json.
   Copia de solo lectura para que esta aplicación viaje sin el planeta: si la
   identidad evoluciona, se resincroniza este archivo, no se inventan colores. */
/* Manrope se sirve desde este mismo repositorio. No hay @import a Google Fonts:
   es una dependencia externa que el plan §6 prohíbe y, en una página que pide
   el correo bajo aviso de protección de datos, filtraría la IP del visitante a
   un tercero no declarado. El archivo es la fuente variable de
   dep_marketing/marca/assets/fonts/manrope convertida a WOFF2 (licencia OFL en
   fuentes/OFL.txt). font-weight:200 800 es obligatorio: sin el rango declarado
   Chrome instancia solo el peso 400 y sintetiza los demás. */
@font-face {
  font-family: 'Manrope';
  src: url('fuentes/Manrope-Variable.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-brand: 'Manrope', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  --navy: #031834;
  --navy-700: #19344F;
  --navy-500: #465E7A;
  --navy-300: #8FA1B7;
  --navy-100: #D9E1EB;
  --navy-50: #EEF2F7;
  --ink: #121212;
  --paper: #F5F7FB;
  --white: #FFFFFF;
  --text-muted: #46506A;
  --border-subtle: #E3E8F0;

  --blue: #0077FF;
  --blue-d: #195ECD;
  --blue-700: #005FCC;
  --blue-50: #EAF3FF;
  --purple: #8649C9;
  --purple-700: #69369F;
  --purple-50: #F3EDF9;
  --green: #29A36D;
  --green-700: #1E7D53;
  --green-50: #EAF7F1;
  --danger: #D64545;

  --gradiente-horizonte: linear-gradient(135deg, #031834 0%, #195ECD 52%, #8649C9 100%);
  --superficie-fria: linear-gradient(180deg, #EBF0FF 0%, #F5F7FB 55%, #FFFFFF 100%);

  --radio-s: 8px;
  --radio-m: 12px;
  --radio-l: 20px;
  --paso: 8px;
  --ancho-lectura: 44rem;
}

/* --- Tema web de Uhorizon AI (17-sep-2026) ---------------------------------
   La página pública, sus modales y el panel local siguen el sistema visual de
   uhorizon.ai, leído del sitio vivo por Nicole el 17-sep (referencia aplicada:
   dep_marketing/contenido/video/serie-dual/pagina/capitulo-01-v2.html y las
   capturas de dep_marketing/marca/referencias/web/). Decisiones de Juan Miguel
   del 17-sep: oscuro entero, Manrope, chip «AI» en la cabecera, verde para la
   ruta individual y azul para la de empresa. Los informes PDF no usan estos
   tokens y no cambian. El verde es el de la guía (#29A36D), que es el que el
   sitio declara en su código. */
:root {
  --fondo: #09090B;
  --superficie: #141417;
  --superficie-2: #1C1C21;
  --superficie-3: #26262C;
  --texto: #FAFAFA;
  --texto-suave: #A1A1AA;
  --texto-apagado: #71717A;
  --borde: #27272A;
  --borde-fuerte: #3F3F46;
  --acento: #29A36D;            /* verde: acción principal y ruta individual */
  --acento-hover: #248F62;
  --acento-suave: rgba(41, 163, 109, 0.14);
  --acento-2: #0077FF;          /* azul: segundo acento y ruta de empresa */
  --acento-2-suave: rgba(0, 119, 255, 0.14);
  --peligro: #F87171;
  --amarillo: #FFE12D;
  --degradado-cta: linear-gradient(to right, #29A36D, #0077FF);
  --radio-web: 8px;
  --radio-boton: 6px;
  --alto-cabecera: 64px;
}