/* ============================================================
   Sistema de diseño "Cristal" — Impulso Cuántico
   Generado a mano desde tokens.json. NO editar la copia que vive
   dentro de cada proyecto: se sobreescribe con `python sincronizar.py`.

   El lenguaje es el del handoff PS5 dark (negro OLED, tarjetas de
   cristal esmerilado, bordes interiores ultradelgados, acento usado
   con moderación) pero re-teñido al CIAN DEL LOGO (#42DAF0) en vez
   del azul eléctrico del mock. El logo manda: una UI azul con un
   logo cian se ve desafinada, y la web y el portal ya se habían
   unificado al cian el 02-08-2026.
   ============================================================ */

:root {
  /* ---------- superficies ---------- */
  --ic-canvas:        #000000;
  --ic-surface:       #050505;
  --ic-glass:         rgba(255,255,255,0.045);
  --ic-glass-inner:   rgba(255,255,255,0.02);
  --ic-glass-nav:     rgba(18,18,20,0.72);

  /* ---------- líneas ---------- */
  --ic-border:        rgba(255,255,255,0.09);
  --ic-divider:       rgba(255,255,255,0.07);
  --ic-border-strong: rgba(255,255,255,0.12);

  /* ---------- acento: el cian del logo iC ---------- */
  --ic-accent:        #42DAF0;
  --ic-accent-light:  #8BEAF9;
  --ic-accent-deep:   #1BA6BB;
  --ic-accent-hover:  #64E1F3;
  /* Tinta OSCURA para cuando el acento va de FONDO (botones). El cian es
     claro: poner blanco encima da 1.7:1 e ilegible. */
  --ic-accent-ink:    #04141A;
  --ic-accent-soft:   rgba(66,218,240,0.14);
  --ic-accent-ring:   rgba(66,218,240,0.35);
  --ic-accent-fill:   rgba(66,218,240,0.22);
  --ic-accent-glow:   rgba(66,218,240,0.55);

  /* ---------- estado ----------
     Semánticos: significan algo (en planta, en el servidor). No siguen a
     la marca — por eso ninguno es cian. */
  --ic-ok:            #3DE08A;
  --ic-warn:          #FF7A3D;
  --ic-critical:      #FF4D4D;
  --ic-nodata:        rgba(255,255,255,0.45);
  --ic-ok-soft:       rgba(61,224,138,0.14);
  --ic-warn-soft:     rgba(255,122,61,0.16);
  --ic-critical-soft: rgba(255,77,77,0.16);

  /* ---------- texto ---------- */
  --ic-text:          #FFFFFF;
  --ic-text-2:        rgba(255,255,255,0.55);
  --ic-text-3:        rgba(255,255,255,0.45);
  --ic-text-4:        rgba(255,255,255,0.38);
  --ic-text-accent:   rgba(212,240,246,0.62);

  /* ---------- halos decorativos del fondo ---------- */
  --ic-halo-1:        rgba(40,180,220,0.30);
  --ic-halo-2:        rgba(20,140,180,0.18);

  /* ---------- radios ---------- */
  --ic-r-xs:  4px;
  --ic-r-sm:  6px;
  --ic-r-md:  13px;
  --ic-r-lg:  20px;
  --ic-r-nav: 24px;
  --ic-r-pill: 100px;

  /* ---------- desenfoque ---------- */
  --ic-blur-banner: 18px;
  --ic-blur-card:   20px;
  --ic-blur-nav:    26px;

  /* ---------- sombras ---------- */
  --ic-sh-glass:  inset 0 1px 0 rgba(255,255,255,0.07), 0 16px 36px rgba(0,0,0,0.55);
  --ic-sh-banner: inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 28px rgba(20,140,180,0.20), 0 18px 40px rgba(0,0,0,0.6);
  --ic-sh-nav:    inset 0 1px 0 rgba(255,255,255,0.08), 0 -20px 40px rgba(0,0,0,0.7);
  --ic-glow-text: 0 0 26px var(--ic-accent-glow);

  /* ---------- tipografía ---------- */
  --ic-font-body:    'Inter', 'Segoe UI', Roboto, Helvetica, sans-serif;
  --ic-font-display: 'Space Grotesk', 'Inter', 'Segoe UI', sans-serif;
  --ic-font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ============================================================
     Alias heredados
     Las plantillas viejas del portal y de la web están escritas contra
     estos nombres. Se remapean acá en vez de editar 25 archivos: así
     todo adopta el lenguaje nuevo de una y los nombres viejos van
     muriendo solos a medida que se toca cada plantilla.
     ============================================================ */
  --bg:            var(--ic-surface);
  --bg-alt:        #0A0A0C;
  /* `--surface` es translúcido a propósito. Casi todas las plantillas del
     portal dicen `background: var(--surface); border: 1px solid var(--line)`,
     así que cambiar este único valor las convierte a todas en tarjetas de
     cristal de una. Sobre negro OLED, translúcido y esmerilado se ven
     prácticamente igual: lo que hace la tarjeta es el borde. */
  --surface:       rgba(255,255,255,0.045);
  --surface-2:     rgba(255,255,255,0.08);
  --line:          var(--ic-border);
  --cian:          var(--ic-accent);
  --cian-soft:     var(--ic-accent-soft);
  --amber:         var(--ic-warn);
  --amber-soft:    var(--ic-warn-soft);
  --critical:      var(--ic-critical);
  --critical-soft: var(--ic-critical-soft);
  --text:          var(--ic-text);
  --text-muted:    var(--ic-text-2);
  --text-faint:    var(--ic-text-4);
  --font-display:  var(--ic-font-display);
  --font-body:     var(--ic-font-body);
  --font-mono:     var(--ic-font-mono);
}