/* ============================================================
   IEAD Registro de Credenciales — Design Tokens
   Hermano de IEAD Eventos. Misma marca: grafito + azul IEAD + teal.
   Namespace de tokens: --iead-*  (compartido con Eventos por marca).
   Clases scopeadas a .iead-rc-* para evitar colisiones si Eventos
   está activo en el mismo sitio.
   ============================================================ */
:root{
  /* Fonts */
  --iead-font-ui: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --iead-font-condensed: "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, sans-serif;
  --iead-font-display: "Bebas Neue", "Barlow Condensed", "Barlow", ui-sans-serif, system-ui, sans-serif;

  /* Neutrales */
  --iead-bg: #ffffff;
  --iead-surface: #ffffff;
  --iead-surface-soft: #f2f2f2;
  --iead-text: #1c1917;
  --iead-muted: #57534e;
  --iead-border: #e6e4e1;

  /* Acción fuerte — grafito */
  --iead-primary: #1c1917;
  --iead-primary-deep: #000000;
  --iead-primary-ink: #ffffff;

  /* Acento azul IEAD (faro) — nombre histórico --iead-amber por compat */
  --iead-amber: #1473a3;
  --iead-amber-hover: #105f87;
  --iead-amber-deep: #155d83;
  --iead-amber-ink: #ffffff;

  /* Teal de marca */
  --iead-teal: #9cd9d9;
  --iead-teal-soft: #e4f4f4;
  --iead-teal-ink: #0f4f50;
  --iead-teal-deep: #2c7d7e;

  /* Links */
  --iead-link: #155d83;
  --iead-link-hover: #0f4a69;

  /* Estados */
  --iead-success: #15803d;
  --iead-success-soft: #ecfdf3;
  --iead-success-ink: #0f5132;
  --iead-danger: #b91c1c;
  --iead-danger-soft: #fef2f2;
  --iead-warn: #b45309;
  --iead-warn-soft: #fef6e7;

  /* Superficies oscuras (sidebar/hero) */
  --iead-hero-bg: #1c1917;
  --iead-hero-ink: #ffffff;
  --iead-hero-muted: rgba(255,255,255,.74);
  --iead-hero-border: rgba(255,255,255,.14);

  /* Radius */
  --iead-r-sm: 8px;
  --iead-r-md: 12px;
  --iead-r-lg: 16px;
  --iead-r-pill: 999px;

  /* Shadows */
  --iead-sh-1: 0 8px 24px rgba(28, 25, 23, .07);
  --iead-sh-2: 0 18px 40px rgba(28, 25, 23, .14);

  /* Spacing */
  --iead-s1: 4px;
  --iead-s2: 8px;
  --iead-s3: 12px;
  --iead-s4: 16px;
  --iead-s5: 22px;
  --iead-s6: 28px;
  --iead-s7: 36px;
  --iead-s8: 48px;

  /* Motion */
  --iead-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --iead-dur-fast: 180ms;

  /* Shell dims */
  --iead-rc-side-w: 264px;
  --iead-rc-side-w-collapsed: 76px;
  --iead-rc-topbar-h: 56px;
}