/* ── DESIGN SYSTEM · "midnight violet" (heredado de mazestudio-web-v3) ──
   Fuente única para demos nuevas. Copiar este archivo junto al index.html
   (ver RECETA-DEMOS.md). Las demos gestion/citas/radar NO usan este
   archivo — siguen con su CSS inline tal cual, no se tocan. */
:root{
  --bg:#0B0A12;--bg-deep:#050409;--surface:#1E1D2C;--surface-2:#252336;
  --ink:#EAE8F2;--ink-mut:#9E9DB0;--ink-dim:#706F7E;
  --line:rgba(234,232,242,.07);--line-2:rgba(234,232,242,.14);
  --accent:#4B8CF7;--accent-deep:#1E4FAF;--accent-soft:#8FB6FF;
  --accent-wash:rgba(75,140,247,.12);--violet:#B3A3E6;--cian:#86E6FF;--green:#34D399;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Inter',system-ui,sans-serif;color:var(--ink);
  padding:24px 20px 30px;display:flex;justify-content:center;min-height:100vh;
  background:
    radial-gradient(1100px 720px at 90% -4%,  rgba(75,140,247,.13), transparent 58%),
    radial-gradient(900px 680px at -8% 22%,    rgba(99,80,170,.12),  transparent 55%),
    radial-gradient(1000px 760px at 108% 70%,  rgba(75,140,247,.09), transparent 58%),
    radial-gradient(900px 700px at 14% 102%,   rgba(99,80,170,.09),  transparent 60%),
    linear-gradient(180deg,#0B0A12 0%,#0E0C18 28%,#0B0A12 56%,#0C0A14 80%,#050409 100%);
  background-attachment:fixed;
}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:rgba(75,140,247,.5);border-radius:8px;}
html{scrollbar-width:thin;scrollbar-color:rgba(75,140,247,.5) transparent;}

.grad{background:linear-gradient(90deg,#8FB6FF,#4B8CF7 45%,#86E6FF);
      -webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;}