:root, [data-theme="light"] {
  --morado: #582077;
  --morado-profundo: #3b1552;
  --morado-medio: #7b3fa6;
  --lavanda: #cbb8d8;
  --lavanda-claro: #ece3f2;
  --fondo: #ffffff;
  --fondo-suave: #f6f1f9;
  --linea: #e3d8ea;
  --borde-control: #8e7c9a;
  --tinta: #1e1024;
  --tinta-suave: #6b5d75;
  --sobre-morado: #ffffff;
  --chispa: #ffb627;
  --exito: #1f7a4d;
  --error: #b3261e;
  --shadow-sm: 0 1px 2px #1e10240f, 0 2px 6px #5820771a;
  --shadow-lg: 0 6px 12px #1e102414, 0 16px 32px -4px #58207733;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #582077;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-full: 9999px;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
}