:root {
  /* Paleta Central de Envíos Modernizada */
  --primary: #1E295F;
  --primary-dark: #141B41;
  --primary-light: #2D3B82;
  --accent-red: #E11D48;
  --accent-red-hover: #BE123C;

  /* Estados y Animación 'Viva' */
  --live-color: #06D6A0;
  --live-glow: rgba(6, 214, 160, 0.45);
  --done-color: #1E295F;
  --pending-color: #CBD5E1;

  /* Superficies y Neutros */
  --bg-page: #F8FAFC;
  --bg-card: #FFFFFF;
  --bg-subtle: #F1F5F9;
  --border-light: #E2E8F0;
  --border-card: #E0E7FF;

  /* Textos */
  --text-main: #0F172A;
  --text-muted: #64748B;
  --text-white: #FFFFFF;

  /* Elevaciones */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(30, 41, 95, 0.08);
  --shadow-lg: 0 12px 28px rgba(30, 41, 95, 0.12);

  /* Radio de bordes */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;
}