/* ==========================================================================
   StrixHack — tokens
   Identidad del logo real (búho neón sobre oscuro): cyan/teal primario,
   magenta/violeta secundario, fondo casi negro azulado. Tipografía Geist,
   igual que Vigía, para que se reconozcan como la misma casa.
   Nota de mantenimiento: las variables conservan nombres heredados
   (--sh-navy-*, --sh-gold-*) para no reescribir kit.css; --sh-gold-* ahora
   es la escala CYAN (el acento de la marca). El segundo acento es --sh-mag-*.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

:root {
  /* Oscuro azulado (fondo) */
  --sh-navy-700: #16213B;
  --sh-navy-800: #0E1526;
  --sh-navy-900: #0A0F1C;   /* fondo canónico */
  --sh-navy-950: #05080F;

  /* Cyan / teal — acento primario de la marca (ex "gold") */
  --sh-gold-200: #C7F7FB;
  --sh-gold-300: #7CEAF2;
  --sh-gold-400: #34E0E8;   /* texto de acento sobre oscuro: ~11:1 */
  --sh-gold-500: #22D3EE;   /* acento canónico / relleno de botón */
  --sh-gold-600: #0FB5C9;

  /* Magenta / violeta — acento secundario (del logo) */
  --sh-mag-300: #F0ABFC;
  --sh-mag-400: #E879F9;
  --sh-mag-500: #D946EF;
  --sh-mag-600: #C026D3;
  --sh-violet-500: #8B5CF6;

  /* Neutros */
  --sh-ink-0:   #FFFFFF;
  --sh-ink-100: #EAF1F6;
  --sh-ink-200: #CBD7E4;
  --sh-ink-300: #A7B6C9;
  --sh-ink-400: #7E8EA6;
  --sh-ink-500: #5A6880;

  /* Severidad (CVSS) */
  --sh-crit: #FB5E7E;
  --sh-high: #FB923C;
  --sh-med:  #FACC15;
  --sh-low:  #60A5FA;
  --sh-ok:   #34E0A8;

  /* Semánticos */
  --sh-bg:         var(--sh-navy-900);
  --sh-bg-sunken:  var(--sh-navy-950);
  --sh-bg-surface: var(--sh-navy-800);
  --sh-bg-raised:  var(--sh-navy-700);
  --sh-fg-1: var(--sh-ink-100);
  --sh-fg-2: var(--sh-ink-200);
  --sh-fg-3: var(--sh-ink-300);
  --sh-fg-4: var(--sh-ink-400);
  --sh-accent: var(--sh-gold-400);
  --sh-border:        rgba(255,255,255,0.08);
  --sh-border-strong: rgba(255,255,255,0.16);
  --sh-border-accent: rgba(52,224,232,0.42);

  --sh-grad: linear-gradient(100deg, #22D3EE 0%, #8B5CF6 55%, #D946EF 100%);

  --sh-font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --sh-font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --sh-radius-sm: 6px;
  --sh-radius:    10px;
  --sh-radius-lg: 16px;

  --sh-shadow-md: 0 8px 24px rgba(0,0,0,0.5);
  --sh-shadow-lg: 0 24px 64px rgba(0,0,0,0.55);
  --sh-glow: 0 0 0 1px rgba(52,224,232,0.4), 0 10px 40px rgba(34,211,238,0.22);

  --sh-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}