/* =====================================================================
   Beek — tokens compartidos por la portada (site.css) y por el recorrido
   de Beek IA (journey.css). Todos los colores del sitio viven aqui:
   `:root` es el tema claro (predeterminado) y `html[data-tema="oscuro"]`
   el oscuro. Ningun color fijo fuera de estos dos bloques: tests/check.js
   lo vigila en site.css y journey.css.
   ===================================================================== */
:root{
  color-scheme:light;
  /* fondo y tinta */
  --bg:#f5f6fa;
  --bg-rgb:245,246,250;
  --ink:#141722;
  --ink-dim:#4b5366;
  --ink-faint:#5f687f;
  /* violeta de marca: en claro el texto usa un tono mas oscuro por contraste */
  --violet:#6d3fe0;
  --violet-bright:#5330c4;
  --violet-rgb:109,63,224;
  --violet-glow:rgba(109,63,224,.22);
  --slate:#a3abbd;
  /* azul del logotipo Beek: segundo acento (texto usa un tono mas oscuro) */
  --blue:#498fcb;
  --blue-text:#2c6ea8;
  --blue-rgb:73,143,203;
  /* lineas y superficies (todas sobre la tinta, para que sigan al fondo) */
  --hair:rgba(20,23,34,.10);
  --hair-strong:rgba(20,23,34,.20);
  --surface:rgba(20,23,34,.03);
  --surface-2:rgba(20,23,34,.055);
  --card:#ffffff;
  --panel-a:rgba(255,255,255,.94);
  --panel-b:rgba(240,242,248,.94);
  --node-bg:rgba(255,255,255,.94);
  --node-dest-bg:rgba(245,241,255,.96);
  --shadow:rgba(20,23,34,.10);
  --shadow-strong:rgba(20,23,34,.16);
  --ficha-bg:#eceef5;
  --term-bg:#1b1e28;
  --term-ink:#b9c1d4;
  --term-head:#7f889c;
  --term-line:rgba(255,255,255,.08);
  /* semaforo de las alertas y KPIs */
  --ok:#197a42;
  --warn:#8f5c0a;
  --ok-dot:#22c55e;
  /* medios: logotipos blancos y el cerebro WebGL (que pinta luz aditiva) */
  --logo-filter:invert(1);
  --logo-opacity:.72;
  --brain-filter:invert(1) hue-rotate(180deg);
  --brain-opacity:.9;

  --display:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --gut:clamp(20px,5vw,72px);
  --maxw:1180px;
}

html[data-tema="oscuro"]{
  color-scheme:dark;
  --bg:#06070a;
  --bg-rgb:6,7,10;
  --ink:#e8ebf2;
  --ink-dim:#9aa3b8;
  --ink-faint:#5c6478;
  --violet:#8b5cf6;
  --violet-bright:#a78bfa;
  --violet-rgb:139,92,246;
  --violet-glow:rgba(139,92,246,.32);
  --slate:#5b6577;
  --blue:#5fa3e0;
  --blue-text:#7db8ea;
  --blue-rgb:95,163,224;
  --hair:rgba(232,235,242,.12);
  --hair-strong:rgba(232,235,242,.22);
  --surface:rgba(255,255,255,.03);
  --surface-2:rgba(255,255,255,.05);
  --card:#06070a;
  --panel-a:rgba(18,21,27,.92);
  --panel-b:rgba(10,12,16,.92);
  --node-bg:rgba(12,14,18,.92);
  --node-dest-bg:rgba(19,15,34,.92);
  --shadow:rgba(0,0,0,.5);
  --shadow-strong:rgba(0,0,0,.65);
  --ficha-bg:#080a0d;
  --term-bg:#05060a;
  --term-ink:#9aa3b8;
  --term-head:#5c6478;
  --term-line:rgba(255,255,255,.08);
  --ok:#7fd39d;
  --warn:#e5b96b;
  --ok-dot:#4ade80;
  --logo-filter:none;
  --logo-opacity:.82;
  --brain-filter:none;
  --brain-opacity:1;
}