/* ==========================================================================
   KILOMBO RP — Tokens de marca "Noche Neón" para la PCU
   Misma paleta que kilomborp.net (muestreada del logo oficial), recortada a
   lo que una intranet necesita. Es la fuente de verdad del color: tocar un
   token acá se propaga a todo el panel.
   Cargar SIEMPRE antes que pcu-theme.css.

   Criterio: la PCU se usa durante horas seguidas, así que la marca vive en el
   acento y en un tinte violeta de las superficies, no en glows por todos lados
   como en la web pública. El brillo se reserva para lo que hay que mirar.
   ========================================================================== */

:root {
  /* ---- Rampa cruda del logo -------------------------------------------- */
  --k-void:        #07030C;
  --k-night:       #0B0512;
  --k-abyss:       #120920;
  --k-deep:        #1A0C2B;
  --k-plum:        #2D112B;
  --k-wine:        #421A39;
  --k-grape:       #5E1A6B;

  --k-violet:      #AA17E8;
  --k-violet-lt:   #CA1BEE;
  --k-magenta:     #BC1EBC;
  --k-fuchsia:     #DA31EB;
  --k-pink:        #E035D3;
  --k-hot:         #FC54E4;
  --k-blush:       #FD8ABE;
  --k-petal:       #FBA1E8;
  --k-peach:       #FC9C90;

  /* Variante oscurecida del magenta: sobre papel blanco el magenta puro se
     queda corto para texto chico (4.70:1). Este llega a 5.84:1. */
  --k-magenta-deep: #A812A0;

  /* Componentes RGB — para rgba() con opacidad variable */
  --k-pink-rgb:    224, 53, 211;
  --k-violet-rgb:  170, 23, 232;
  --k-magenta-rgb: 188, 30, 188;
  --k-hot-rgb:     252, 84, 228;
  --k-peach-rgb:   252, 156, 144;
  --k-night-rgb:   11, 5, 18;
  --k-deep-rgb:    26, 12, 43;
  --k-white-rgb:   255, 255, 255;

  /* ---- Semáforo de estado ---------------------------------------------- */
  /* No son colores del logo, pero están corridos hacia el violeta para que no
     desentonen. Contrastes sobre #0B0512: 11.1:1, 6.3:1, 9.8:1. */
  --k-success:     #34D9A0;
  --k-success-rgb: 52, 217, 160;
  --k-danger:      #FF4D6D;
  --k-danger-rgb:  255, 77, 109;
  --k-warning:     var(--k-peach);
  --k-warning-rgb: var(--k-peach-rgb);
  --k-info:        var(--k-violet-lt);
  --k-info-rgb:    202, 27, 238;

  /* ---- Rangos del staff -------------------------------------------------
     La jerarquía tiene que leerse de un vistazo, así que no van todos al
     magenta: es una escalera de temperatura dentro de la misma familia. */
  --k-rank-low:       #8B7B9E;
  --k-rank-mid:       #C6B4FF;
  --k-rank-high:      var(--k-violet-lt);
  --k-rank-head:      var(--k-hot);
  --k-rank-directivo: var(--k-peach);

  /* ---- Gradientes ------------------------------------------------------ */
  --k-grad-brand: linear-gradient(135deg, var(--k-violet) 0%, var(--k-magenta) 45%, var(--k-hot) 100%);
  --k-grad-text:  linear-gradient(120deg, #FFFFFF 0%, var(--k-hot) 45%, var(--k-peach) 100%);
  --k-grad-line:  linear-gradient(90deg, transparent, var(--k-pink), transparent);

  /* ---- Glows y sombras -------------------------------------------------- */
  --k-glow-xs: 0 0 8px rgba(var(--k-pink-rgb), .35);
  --k-glow-sm: 0 0 14px rgba(var(--k-pink-rgb), .28);
  --k-glow-md: 0 4px 22px rgba(var(--k-pink-rgb), .30);
  --k-shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);
  --k-shadow-md: 0 12px 32px rgba(0, 0, 0, .45);
  --k-shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);

  /* ---- Forma y ritmo ---------------------------------------------------- */
  --k-radius-xs: 8px;
  --k-radius-sm: 12px;
  --k-radius-md: 16px;
  --k-radius-pill: 999px;
  --k-ease: cubic-bezier(.4, 0, .2, 1);
  --k-transition: .2s var(--k-ease);
}