:root {
  /* Colores - Tema Oscuro Neutro (Default) */
  --color-bg: #09090b;      /* Zinc 950 */
  --color-surface: #18181b; /* Zinc 900 */
  --color-primary: #6366f1;
  --color-primary-hover: #818cf8;
  --color-text: #e2e8f0;
  --color-text-muted: #a1a1aa;
  --color-success: #22c55e;
  --color-relay: #3b82f6;
  --color-amber: #f59e0b;

  /* Espaciado */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Radios */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Transiciones */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease-out;
  --transition-slow: 400ms ease-in-out;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.5);
}