/* OBSIDIAN blackbox — sistema de marca compartido (color "A" obsidiana + lockup).
   Se linkea en todas las páginas; provee los tokens de color y el wordmark.
   Los nombres de token cubren los dos esquemas que ya usaban las páginas (--panel y --card
   son el mismo valor) para migrar sin renombrar variables en cada template. */
:root{
  --bg:#0B0912;        /* void — fondo casi-negro con sesgo violeta */
  --panel:#171226;     /* faceta — paneles/tarjetas del dashboard */
  --panel2:#1F1836;    /* faceta elevada */
  --card:#171226;      /* alias de --panel para las pantallas sueltas */
  --line:#2C2542;      /* hairlines violáceas */
  --line2:#3A3157;
  --fg:#ECEAF4;        /* perla — texto */
  --muted:#9A93B2;
  --faint:#6C6488;
  --accent:#7C5CE0;    /* violeta obsidiana (acento) */
  --accent-lit:#9E7BF0;
  --sheen:#B79BFF;     /* destello lavanda */
  --ok:#4FB07E; --warn:#C8923D; --danger:#C6636B;  /* estado — aparte del acento */
  --ob-sys:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Lockup: cubo + wordmark. TODO escala con `.ob-lockup{font-size:N}` (cubo, OBSIDIAN y BLACKBOX
   están en `em`), así es responsive por CSS. Default chico (headers de pantallas simples); cada
   página lo agranda con su propio `font-size` (más específico o posterior gana). */
.ob-lockup{display:inline-flex;align-items:center;gap:.42em;line-height:1;text-decoration:none;font-size:20px}
.ob-cube{width:1.62em;height:1.62em;flex:0 0 auto;display:block}
.ob-word{display:flex;flex-direction:column;line-height:.9;align-items:flex-start}
.ob-o{font-family:var(--ob-sys);font-weight:400;font-size:1em;letter-spacing:.12em;color:#ECEAF4;white-space:nowrap}
.ob-b{font-family:var(--ob-sys);font-weight:600;font-size:.24em;letter-spacing:.34em;color:#9E8BDA;
  text-transform:uppercase;white-space:nowrap;margin-top:1.05em;padding-left:.32em}