/* CONVENY · landing · tokens de diseño
   Valores tomados del Figma "conveny-web-v1" (nodo 208:2). No cambiar a ojo: si cambia el diseño, cambia aquí. */
:root{
  /* superficies */
  --c-fondo:#050816;
  --c-barra:#03050f;
  --c-panel:#0e1528;
  --c-panel-2:#090f20;
  --c-chip:#111a30;
  --c-linea:#1f253f;

  /* acentos */
  --c-azul:#245cff;
  --c-amarillo:#ffd400;
  --c-amarillo-kicker:#ffd600;
  --c-cian:#8dd5d8;

  /* estado */
  --c-ok:#10b981;
  --c-ok-2:#22c55e;
  --c-ok-3:#2ecc70;
  --c-ok-4:#21c773;
  --c-aviso:#ffc208;

  /* texto */
  --c-texto:#ffffff;
  --c-texto-2:#8f9bb3;
  --c-texto-3:#5e667a;

  /* sección servicios */
  --c-serv-fondo:#050814;
  --c-serv-linea:#1c2d4a;
  --c-serv-panel:#0a0f24;
  --c-serv-sub:#0c132e;
  --c-serv-sub-linea:#1f2c54;
  --c-serv-texto:#8e9bb0;
  --c-serv-texto-2:#c8d4e8;
  --c-serv-gris:#596b85;
  --c-serv-num:#2a3a55;

  /* sección modelo operativo */
  --c-mod-fondo:#040714;
  --c-mod-card:#091024;
  --c-mod-linea:#1a2035;
  --c-mod-linea-2:#1b253f;
  --c-mod-texto:#8f9cae;

  /* sección riesgo y cumplimiento */
  --c-ries-barra:rgba(9,14,28,.6);
  --c-ries-linea:#151f3c;
  --c-ries-mapa:#050d1f;
  --c-ries-cab:#080d22;
  --c-ries-cab-linea:#121a33;
  --c-ries-gris:#667894;
  --c-ries-sel:rgba(20,31,56,.8);
  --c-ries-sel-linea:rgba(102,120,148,.3);
  --c-ries-senal:rgba(26,38,71,.8);
  --c-ries-texto:#808fa6;
  --c-ries-flecha:#4d6180;

  /* tipografías */
  --f-display:"Unbounded","Arial Black",sans-serif;
  --f-sans:"Geist",system-ui,sans-serif;
  --f-mono:"Geist Mono",ui-monospace,monospace;
  --f-arch:"Archivo Black","Arial Black",sans-serif;
  --f-inter:"Inter",system-ui,sans-serif;
  --f-jb:"JetBrains Mono",ui-monospace,monospace;

  /* espaciado lateral: 80px en escritorio, se encoge en tablet/móvil */
  --px:clamp(20px,5.56vw,80px);
}