:root {
  /* Colores base (los cambiaremos cuando definas estilo) */
  --color-bg: #0f1115;
  --color-surface: #1a1d23;
  --color-border: #2a2e37;
  --color-text: #e6e8eb;
  --color-text-muted: #9aa0a6;
  --color-primary: #6c8cff;
  --color-primary-hover: #8aa3ff;

  /* Tipografía */
  --font-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* Espaciado */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;

  /* Bordes */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Sombras */
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3);
}