/* ═══════════════════════════════════════════════════════════════════════
   EDERUS NETWORK — Sistema de diseño
   Paleta muestreada del logo (assets/img/newlogo.webp): dragón ender
   cromado sobre anillo violeta, "EDERUS" en cian→índigo, "NETWORK" en
   orquídea. El índigo eléctrico es el hue más presente del archivo.

   ⚠️  TODOS los tokens llevan prefijo --ed-.
   Motivo: /bans carga bootstrap.min.css DESPUÉS de css/style.css, y
   Bootstrap declara en :root 27 nombres, entre ellos cyan, indigo,
   primary, danger y warning. Sin prefijo los pisaría en silencio. Este archivo debe cargarse DESPUÉS de bootstrap en /bans.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Superficies ────────────────────────────────────────────────── */
  --ed-void: #0B0A16;
  --ed-void-2: #12101F;
  --ed-surface: #1A1730;
  --ed-surface-2: #232043;
  --ed-line: #34305C;
  --ed-line-soft: rgba(52, 48, 92, .55);

  /* ── Cromáticos (del logo) ──────────────────────────────────────── */
  --ed-cyan: #81D0FA;         /* brillo superior de EDERUS */
  --ed-cyan-2: #458EE7;
  --ed-indigo: #462DE0;       /* firma: el hue más presente del logo */
  --ed-violet: #613CF4;
  --ed-orchid: #EB86F9;       /* NETWORK + destellos → acento monetario */
  --ed-orchid-soft: #FEB3FD;
  --ed-chrome: #DCE4EE;       /* el dragón */
  --ed-chrome-dim: #9EB4C5;

  /* ── Texto ──────────────────────────────────────────────────────── */
  --ed-text: #EAF0FA;
  --ed-text-dim: #9A96B8;

  /* ── RESERVADO: solo descuento activo ───────────────────────────── */
  --ed-gold: #ffc94a;
  --ed-gold-deep: #e8a520;

  /* ── Estado ─────────────────────────────────────────────────────── */
  --ed-ok: #4BE3B0;
  --ed-warn: #FFC46B;
  --ed-danger: #FF4D6D;

  /* ── Degradados ─────────────────────────────────────────────────── */
  --ed-grad-signature: linear-gradient(100deg, #458EE7 0%, #613CF4 52%, #EB86F9 100%);
  --ed-grad-hairline: linear-gradient(90deg, transparent, #458EE7 18%, #613CF4 50%, #EB86F9 82%, transparent);
  --ed-grad-text: linear-gradient(92deg, #EAF0FA 0%, #81D0FA 46%, #EB86F9 100%);
  --ed-grad-bezel: linear-gradient(160deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .012));
  --ed-grad-gold: linear-gradient(90deg, #ffc94a, #e8a520);   /* RESERVADO */

  /* ── Glass (solo en elementos fixed/sticky) ─────────────────────── */
  --ed-glass: rgba(26, 23, 48, .62);
  --ed-glass-2: rgba(35, 32, 67, .55);
  --ed-glass-border: rgba(255, 255, 255, .08);
  --ed-blur: 14px;

  /* ── Tipografía ─────────────────────────────────────────────────── */
  --ed-font-body: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
  --ed-font-head: 'Space Grotesk', 'Instrument Sans', sans-serif;
  --ed-font-display: 'Space Grotesk', 'Instrument Sans', sans-serif;
  --ed-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --ed-fs-display: clamp(2.5rem, 6vw, 4.25rem);
  --ed-fs-h1: clamp(2rem, 4.5vw, 3.25rem);
  --ed-fs-h2: clamp(1.75rem, 3.2vw, 2.5rem);
  --ed-fs-h3: clamp(1.15rem, 1.6vw, 1.45rem);
  --ed-fs-body: 1rem;
  --ed-fs-sm: .9rem;
  --ed-fs-xs: .78rem;
  --ed-lh-tight: 1.08;
  --ed-lh-head: 1.18;
  --ed-lh-body: 1.65;
  --ed-tr-tight: -.03em;
  --ed-tr-label: .14em;

  /* ── Espaciado ──────────────────────────────────────────────────── */
  --ed-s-1: .25rem;
  --ed-s-2: .5rem;
  --ed-s-3: .75rem;
  --ed-s-4: 1rem;
  --ed-s-5: 1.5rem;
  --ed-s-6: 2rem;
  --ed-s-7: 3rem;
  --ed-s-8: 4rem;
  --ed-s-9: 6rem;
  --ed-section-y: clamp(3.5rem, 8vw, 6rem);
  --ed-gutter: clamp(1.25rem, 4vw, 2rem);
  --ed-shell-pad: 6px;          /* padding de la cáscara del doble bisel */
  --ed-max: 1200px;
  --ed-max-narrow: 820px;

  /* ── Radios (concéntricos: interior = exterior − shell-pad) ─────── */
  --ed-r-1: 6px;
  --ed-r-2: 10px;
  --ed-r-3: 14px;
  --ed-r-4: 20px;
  --ed-r-5: 28px;
  --ed-r-pill: 999px;

  /* ── Capas ──────────────────────────────────────────────────────── */
  --ed-z-bg: -2;
  --ed-z-bg-tint: -1;
  --ed-z-base: 0;
  --ed-z-raised: 10;
  --ed-z-grain: 50;
  --ed-z-nav: 100;
  --ed-z-banner: 300;

  /* ── Movimiento ─────────────────────────────────────────────────── */
  --ed-e-out: cubic-bezier(.16, 1, .3, 1);
  --ed-e-glide: cubic-bezier(.22, .61, .36, 1);
  --ed-e-inout: cubic-bezier(.65, .05, .36, 1);
  --ed-e-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ed-t-1: 140ms;
  --ed-t-2: 240ms;
  --ed-t-3: 420ms;
  --ed-t-4: 720ms;

  /* ── Sombras: tintadas de violeta, nunca negro puro ─────────────── */
  --ed-sh-1: 0 1px 2px rgba(9, 7, 22, .5), 0 0 0 1px rgba(52, 48, 92, .35);
  --ed-sh-2: 0 8px 24px -8px rgba(21, 10, 58, .7);
  --ed-sh-3: 0 20px 48px -16px rgba(28, 12, 74, .75);
  --ed-sh-4: 0 36px 90px -24px rgba(35, 14, 92, .8);
  --ed-glow-cyan: 0 0 0 1px rgba(129, 208, 250, .35), 0 0 32px -6px rgba(69, 142, 231, .55);
  --ed-glow-violet: 0 0 40px -8px rgba(97, 60, 244, .55);
  --ed-glow-orchid: 0 0 40px -8px rgba(235, 134, 249, .5);
  --ed-glow-gold: 0 0 40px -10px rgba(255, 201, 74, .55);   /* RESERVADO */
  --ed-inset-top: inset 0 1px 0 rgba(255, 255, 255, .07);
  --ed-inset-ring: inset 0 0 0 1px rgba(255, 255, 255, .045);

  /* ── Constantes de layout (matan los números mágicos) ───────────── */
  --ed-nav-h: 88px;
  --ed-nav-h-scrolled: 72px;
  --ed-banner-h: 0px;
}

/* ═══════════════════════════════════════════════════════════════════
   CAPA DE ALIAS — compatibilidad con /bans

   bans/inc/css/custom.css consume estos 10 nombres sin prefijo. Al
   declararlos aquí, y al cargarse este archivo DESPUÉS de bootstrap,
   /bans se re-tematiza solo y además se corrige el secuestro que
   Bootstrap hacía de --primary (lo forzaba a #3a3f44, gris pizarra).

   Borrar este bloque cuando custom.css migre a --ed-* directamente.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --primary: var(--ed-indigo);
  --primary-hover: var(--ed-violet);
  --accent: var(--ed-cyan);
  --text: var(--ed-text);
  --text-muted: var(--ed-text-dim);
  --bg-dark: var(--ed-void);
  --glass-bg: var(--ed-glass);
  --glass-border: var(--ed-glass-border);
  --font-body: var(--ed-font-body);
  --font-header: var(--ed-font-head);
  --font-display: var(--ed-font-display);   /* nunca estuvo declarada */
}