:root {
  --fuente-editable: "ChiquetaR", sans-serif;
  --fuente-dialogo: "Cloudsters", sans-serif;
  --fuente-display: "Pronell", sans-serif;
  --fuente-micro: "Logrient", monospace;
  --fuente-navbar: "PointPanther", sans-serif;
  --fuente-navbar-active: "PointPantherOutline", sans-serif;
  --fuente-footer: "PointPanther", sans-serif;
  --fuente-footer-active: "PointPantherOutline", sans-serif;
  --fuente-parrafo: "ProtageL", sans-serif;
  --fuente-parrafo-light: "ProtageL", sans-serif;

  --grid-size: 24px;

  --transicion-tema: 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-tema="neutro"],
:root {
  --color-fondo: #e8f2f5;
  --color-fondo-secundario: #c4dbe3;
  --color-fondo-alt: #f4faef;
  --color-texto: #12232a;
  --color-texto-suave: #b048b0;
  --color-acento: #0b50c8;
  --color-acento-hover: #6a09ab;
  --color-grid: rgba(16, 47, 60, 0.35);
  --color-gradiente-ini: rgba(232, 242, 245, 0);
  --color-gradiente-fin: rgba(196, 219, 227, 0.3);
  --color-cursor-daniel: #c8145a;
  --color-cursor-usuario: #5b4a9e;
  --color-editable: #2d328b;
  --color-editable-activo: #c8145a;
  --color-hint: rgb(235, 107, 197);
  --color-nav-fondo: rgba(232, 242, 245, 0.9);
  --color-nombre-daniel: #c8145a;
  --sombra-nombre-daniel: #6b0a30;
  --manifiesto-drop-1: rgba(200, 20, 90, 0.7);
  --manifiesto-drop-2: rgba(11, 181, 200, 0.5);
  --manifiesto-drop-3: rgba(91, 74, 158, 0.6);
  --manifiesto-neon-color: #12232a;
  --manifiesto-neon-s1: 0 0 4px rgba(200, 20, 89, 0.818);
  --manifiesto-neon-s2: 0 0 14px rgba(11, 181, 200, 0.815);
  --manifiesto-neon-s3: 0 0 30px rgba(200, 20, 90, 0.35);
  --manifiesto-neon-s4: 0 0 60px rgba(91, 74, 158, 0.897);
  --manifiesto-neon-s5: 0 0 110px rgba(11, 181, 200, 0.626);
  --manifiesto-neon-s6: 0 0 180px rgba(123, 45, 139, 0.733);
  --manifiesto-neon-color1:rgba(200, 20, 89);
  --manifiesto-neon-color2:rgba(11, 181, 200);
  --manifiesto-neon-color3:rgba(200, 20, 90);
  --manifiesto-neon-color4:rgba(91, 74, 158);
  --manifiesto-neon-color5:rgba(11, 181, 200);
  --manifiesto-neon-color6:rgba(123, 45, 139);

}

[data-tema="acid"] {
  --color-fondo: #0a0a14;
  --color-fondo-secundario: #0a1420;
  --color-fondo-alt: #19c1b8;
  --color-texto: #f0fff0;
  --color-texto-suave: #ffbc02;
  --color-acento: #91ff00;
  --color-acento-hover: #ff2d9b;
  --color-grid: rgba(145, 255, 0, 0.35);
  --color-gradiente-ini: rgba(10, 10, 20, 0);
  --color-gradiente-fin: rgba(10, 10, 20, 0.3);
  --color-cursor-daniel: #00f0ff;
  --color-cursor-usuario: #1f40e4;
  --color-editable: #f0fff0;
  --color-editable-activo: #ff2d9b;
  --color-hint: rgb(158, 241, 116);
  --color-nav-fondo: rgba(10, 10, 20, 0.90);
  --color-nombre-daniel: #91ff00;
  --sombra-nombre-daniel: #00f0ff;
  --manifiesto-drop-1: rgba(145, 255, 0, 0.937);
  --manifiesto-drop-2: rgba(0, 238, 255, 0.918);
  --manifiesto-drop-3: rgba(103, 7, 57, 0.937);
  --manifiesto-neon-color: #91ff00;
  --manifiesto-neon-s1: 0 0 4px rgba(255, 0, 102, 0.936);
  --manifiesto-neon-s2: 0 0 14px rgba(157, 0, 255, 0.95);
  --manifiesto-neon-s3: 0 0 30px rgba(0, 240, 255, 0.80);
  --manifiesto-neon-s4: 0 0 60px rgba(180, 9, 97, 0.797);
  --manifiesto-neon-s5: 0 0 110px rgba(154, 249, 29, 0.844);
  --manifiesto-neon-s6: 0 0 180px rgba(5, 118, 126, 0.704);
  --manifiesto-neon-color1:rgba(255, 0, 102);
  --manifiesto-neon-color2:rgba(157, 0, 255);
  --manifiesto-neon-color3:rgba(0, 240, 255);
  --manifiesto-neon-color4:rgba(180, 9, 97);
  --manifiesto-neon-color5:rgba(154, 249, 29);
  --manifiesto-neon-color6:rgba(5, 118, 126);
}

[data-tema="synthwave"] {
  --color-fondo: #0f0024;
  --color-fondo-secundario: #000f24;
  --color-fondo-alt: #dfc655;
  --color-texto: #243016;
  --color-texto-suave: #55edf8;
  --color-acento: #ff2d6a;
  --color-acento-hover: #ffd000;
  --color-grid: rgba(255, 45, 104, 0.548);
  --color-gradiente-ini: rgba(15, 0, 36, 0);
  --color-gradiente-fin: rgba(15, 0, 36, 0.3);
  --color-cursor-daniel: #00e5ff;
  --color-cursor-usuario: #e03a72;
  --color-editable: #fff0f5;
  --color-editable-activo: #7300ff;
  --color-hint: rgba(243, 184, 248, 0.85);
  --color-nav-fondo: rgba(15, 0, 36, 0.973);
  --color-nombre-daniel: #ff2d6a;
  --sombra-nombre-daniel: #9900ff;
  --manifiesto-drop-1: rgba(255, 45, 106, 0.70);
  --manifiesto-drop-2: rgba(255, 208, 0, 0.50);
  --manifiesto-drop-3: rgba(0, 229, 255, 0.30);
  --manifiesto-neon-color: #f0fffa;
  --manifiesto-neon-s1: 0 0 4px rgba(19, 182, 223, 0.842);
  --manifiesto-neon-s2: 0 0 14px rgba(255, 45, 106, 0.95);
  --manifiesto-neon-s3: 0 0 30px rgba(129, 107, 255, 0.968);
  --manifiesto-neon-s4: 0 0 60px rgba(146, 255, 45, 0.751);
  --manifiesto-neon-s5: 0 0 110px rgba(0, 229, 255, 0.40);
  --manifiesto-neon-s6: 0 0 180px rgba(115, 0, 255, 0.943);
  --manifiesto-neon-color1:rgba(19, 182, 223); 
  --manifiesto-neon-color2:rgba(255, 45, 106);
  --manifiesto-neon-color3:rgba(129, 107, 255);
  --manifiesto-neon-color4:rgba(146, 255, 45);
  --manifiesto-neon-color5:rgba(0, 229, 255);
  --manifiesto-neon-color6:rgba(115, 0, 255);
}

[data-tema="rave"] {
  --color-fondo: #050505;
  --color-fondo-secundario: #050a0a;
  --color-fondo-alt: #3806cf;
  --color-texto: #ffffff;
  --color-texto-suave: #ebf6dc;
  --color-acento: #ff3300;
  --color-acento-hover: #00ff88;
  --color-grid: rgba(255, 153, 0, 0.35);
  --color-gradiente-ini: rgba(5, 5, 5, 0);
  --color-gradiente-fin: rgba(5, 5, 5, 0.3);
  --color-cursor-daniel: #ffee00;
  --color-cursor-usuario: #8b1df2;
  --color-editable: #c50eaf;
  --color-editable-activo: #00ff88;
  --color-hint: rgba(255, 238, 0, 0.50);
  --color-nav-fondo: rgba(5, 5, 5, 0.92);
  --color-nombre-daniel: #ff3300;
  --sombra-nombre-daniel: #ffee00;
  --manifiesto-drop-1: rgba(255, 51, 0, 0.70);
  --manifiesto-drop-2: rgba(0, 255, 136, 0.50);
  --manifiesto-drop-3: rgba(242, 227, 19, 0.769);
  --manifiesto-neon-color: #ffffff;
  --manifiesto-neon-s1: 0 0 4px rgba(234, 231, 231, 0.908);
  --manifiesto-neon-s2: 0 0 14px rgba(255, 51, 0, 0.95);
  --manifiesto-neon-s3: 0 0 30px rgba(0, 255, 136, 0.8);
  --manifiesto-neon-s4: 0 0 60px rgba(136, 0, 255, 0.849);
  --manifiesto-neon-s5: 0 0 110px rgba(255, 51, 0, 0.597);
  --manifiesto-neon-s6: 0 0 180px rgba(255, 251, 0, 0.927);
  --manifiesto-neon-color1:rgba(234, 231, 231);
  --manifiesto-neon-color2: rgba(255, 51, 0);
  --manifiesto-neon-color3:rgba(0, 255, 136);
  --manifiesto-neon-color4:rgba(136, 0, 255);
  --manifiesto-neon-color5: rgba(255, 51, 0);
  --manifiesto-neon-color6:rgba(255, 251, 0);
}

[data-tema="collage"] {
  --color-fondo: #e8dcc8;
  --color-fondo-secundario: #d4c4a8;
  --color-fondo-alt: #daeaf4;
  --color-texto: #1a1410;
  --color-texto-suave: #6b5740;
  --color-acento: #cc2222;
  --color-acento-hover: #0044aa;
  --color-grid: rgba(26, 20, 16, 0.35);
  --color-gradiente-ini: rgba(232, 220, 200, 0);
  --color-gradiente-fin: rgba(212, 196, 168, 0.3);
  --color-cursor-daniel: #cc2222;
  --color-cursor-usuario: #0044aa;
  --color-editable: #0044aa;
  --color-editable-activo: #cc2222;
  --color-hint: rgba(0, 68, 170, 0.8);
  --color-nav-fondo: rgba(232, 220, 200, 0.92);
  --color-nombre-daniel: #cc2222;
  --sombra-nombre-daniel: #660000;
  --manifiesto-drop-1: rgba(204, 34, 34, 0.8);
  --manifiesto-drop-2: rgba(26, 20, 16, 0.5);
  --manifiesto-drop-3: rgba(0, 68, 170, 0.7);
  --manifiesto-neon-color: #1a1410;
  --manifiesto-neon-s1: 0 0 4px rgba(30, 26, 255, 0.7);
  --manifiesto-neon-s2: 0 0 14px rgba(232, 6, 6, 0.886);
  --manifiesto-neon-s3: 0 0 30px rgba(10, 106, 251, 0.703);
  --manifiesto-neon-s4: 0 0 60px rgba(10, 106, 249, 0.4);
  --manifiesto-neon-s5: 0 0 110px rgba(245, 13, 13, 0.908);
  --manifiesto-neon-s6: 0 0 180px rgba(16, 106, 240, 0.9);
  --manifiesto-neon-color1:rgba(30, 26, 255);
  --manifiesto-neon-color2:rgba(232, 6, 6);
  --manifiesto-neon-color3:rgb(10, 207, 251);
  --manifiesto-neon-color4:rgb(253, 207, 179);
  --manifiesto-neon-color5:rgba(245, 13, 13);
  --manifiesto-neon-color6:rgba(16, 106, 240);
}

[data-tema="holographic"] {
  --color-fondo: #f5f7ff;
  --color-fondo-secundario: #f5f0ff;
  --color-fondo-alt: #f5b8b8;
  --color-texto: #1a1a2e;
  --color-texto-suave: #9106cd;
  --color-acento: #ff00cc;
  --color-acento-hover: #0629d6;
  --color-grid: rgba(124, 58, 237, 0.35);
  --color-gradiente-ini: rgba(245, 247, 255, 0);
  --color-gradiente-fin: rgba(234, 237, 250, 0.3);
  --color-cursor-daniel: #ff006e;
  --color-cursor-usuario: #0e0eb4;
  --color-editable: #b6062c;
  --color-editable-activo: #3a99edff;
  --color-hint: rgba(237, 58, 85, 0.9);
  --color-nav-fondo: rgba(245, 247, 255, 0.90);
  --color-nombre-daniel: #7c3aed;
  --sombra-nombre-daniel: #3b1a7a;
  --manifiesto-drop-1: rgba(124, 58, 237, 0.767);
  --manifiesto-drop-2: rgba(26, 26, 46, 0.627);
  --manifiesto-drop-3: rgba(255, 0, 111, 0.849);
  --manifiesto-neon-color: #0c9c86;
  --manifiesto-neon-s1: 0 0 4px rgba(221, 25, 142, 0.767);
  --manifiesto-neon-s2: 0 0 14px rgba(97, 8, 250, 0.908);
  --manifiesto-neon-s3: 0 0 30px rgba(236, 4, 116, 0.48);
  --manifiesto-neon-s4: 0 0 60px rgba(6, 214, 160, 0.35);
  --manifiesto-neon-s5: 0 0 110px rgba(96, 10, 244, 0.6);
  --manifiesto-neon-s6: 0 0 180px rgba(11, 11, 251, 0.49);
  --manifiesto-neon-color1:rgba(221, 25, 142);
  --manifiesto-neon-color2:rgba(97, 8, 250);
  --manifiesto-neon-color3:rgba(236, 4, 116);
  --manifiesto-neon-color4:rgb(4, 161, 119);
  --manifiesto-neon-color5:rgb(60, 7, 153);
  --manifiesto-neon-color6:rgb(6, 6, 138);
}