/* ════════════════════════════════════════════════════════════════════════
   atenIA — capa de marca (tokens + base). Se carga después de tailwind.css.
   Fuentes auto-hospedadas: ver fonts.css.
   ════════════════════════════════════════════════════════════════════════ */
:root{
  /* Marca */
  --orange:#F86A2C; --orange-deep:#DD541C; --orange-soft:#FDE7D8;
  --violet:#7C3AED; --violet-deep:#6A28D6; --violet-soft:#EDE8FE;
  --olive:#5E8C52; --olive-soft:#E5EFE2;
  --amber:#E0930F; --amber-soft:#FBEFD6;
  --danger:#D64545; --danger-soft:#FBE3E1;
  /* Neutros */
  --ink:#1C2030; --ink-2:#262B3D;
  --slate:#4A5165; --slate-soft:#8A91A6; --slate-faint:#B7BCC9;
  --line:#E7E3DA; --line-2:#EFECE5;
  --cream:#FBF8F3; --canvas:#F5F1EA; --white:#FFFFFF;
  /* Sidebar */
  --sb-bg:#1A1E2C; --sb-text:#9AA0B4; --sb-hover:rgba(255,255,255,.055);
  --sb-line:rgba(255,255,255,.07);
  /* Sistema */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(28,32,48,.06), 0 1px 3px rgba(28,32,48,.05);
  --sh-md:0 4px 14px rgba(28,32,48,.07), 0 2px 6px rgba(28,32,48,.05);
  --sh-lg:0 18px 44px rgba(28,32,48,.16);
  /* Compatibilidad con el código antiguo (alias de marca) */
  --brand:#F86A2C; --primary:#F86A2C;
}

/* Tipografía base: Figtree para texto, Sora para títulos */
body{
  font-family:'Figtree', system-ui, -apple-system, sans-serif;
  color:var(--ink);
  background:var(--canvas);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,.font-display{
  font-family:'Sora', system-ui, sans-serif;
  letter-spacing:-.02em;
}

/* ── Wordmark atenIA ───────────────────────────────────────────────────── */
.wm{font-family:'Sora',sans-serif;font-weight:700;letter-spacing:-.03em;display:inline;white-space:nowrap}
.wm .a{color:inherit}
.wm .ia{color:var(--violet);font-weight:800;margin-left:-.02em}
.wm.on-dark .a{color:#fff}

/* Isotipo búho como elemento <svg><use/></svg> */
.owl{display:inline-block;line-height:0}
.owl svg{display:block}