/*
 * variables.css
 * Cambia aquí la paleta, tipografía y espaciado. Nada más.
 */
:root {
  /* Colores */
  --navy:        #0B1628;
  --navy-light:  #112240;
  --blue:        #3B82F6;
  --indigo:      #6366F1;
  --slate:       #94A3B8;
  --slate-light: #CBD5E1;
  --white:       #F8F9FF;
  --card-bg:     #0F1E35;
  --border:      rgba(99, 102, 241, 0.18);

  /* Badges */
  --badge-done-bg:     rgba(16, 185, 129, 0.15);
  --badge-done-fg:     #34D399;
  --badge-pending-bg:  rgba(59, 130, 246, 0.15);
  --badge-pending-fg:  #60A5FA;
  --badge-progress-bg: rgba(245, 158, 11, 0.15);
  --badge-progress-fg: #FBBF24;
  --badge-cert-bg:     rgba(168, 85, 247, 0.15);
  --badge-cert-fg:     #C084FC;

  /* Tipografía */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* Layout */
  --section-pad: 6rem;
  --container:   1000px;
  --gap:         1.25rem;

  /* Forma */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;

  /* Movimiento */
  --transition: 0.25s ease;
}