:root {
    --mxp-purple-100: #c4b5fd;
    --mxp-purple-200: #a78bfa;
    --mxp-purple-500: #8b5cf6;
    --mxp-purple-600: #7c3aed;
    --mxp-purple-700: #6d28d9;
    --mxp-orchid-500: #a855f7;
    --mxp-indigo-400: #818cf8;
    --mxp-indigo-500: #6366f1;

    --mxp-amber-300: #fbbf24;
    --mxp-amber-500: #f59e0b;
    --mxp-amber-600: #d97706;
    --mxp-amber-700: #b45309;
    --mxp-yellow-500: #eab308;
    --mxp-oro: #ffd700;

    --mxp-green-200: #6ee7b7;
    --mxp-green-300: #34d399;
    --mxp-green-500: #10b981;
    --mxp-green-600: #059669;
    --mxp-grass-400: #4ade80;
    --mxp-grass-500: #22c55e;

    --mxp-blue-300: #60a5fa;
    --mxp-blue-500: #3b82f6;
    --mxp-cyan-400: #22d3ee;
    --mxp-steam: #66c0f4;

    --mxp-orange-300: #fb923c;
    --mxp-orange-500: #f97316;
    --mxp-orange-600: #ea580c;

    --mxp-red-400: #f87171;
    --mxp-red-500: #ef4444;
    --mxp-red-600: #dc2626;
    --mxp-pink-400: #f472b6;
    --mxp-pink-500: #ec4899;
    --mxp-favorito: #ff3366;

    --mxp-slate-50: #f8fafc;
    --mxp-slate-100: #f1f5f9;
    --mxp-slate-200: #e2e8f0;
    --mxp-slate-300: #cbd5e1;
    --mxp-slate-400: #94a3b8;
    --mxp-slate-500: #64748b;
    --mxp-slate-600: #475569;
    --mxp-slate-800: #1e293b;
    --mxp-slate-900: #0f172a;
    --mxp-night-800: #1a0b2e;
}

:root {
    --mxp-purple-100-rgb: 196, 181, 253;
    --mxp-purple-200-rgb: 167, 139, 250;
    --mxp-purple-500-rgb: 139, 92, 246;
    --mxp-purple-600-rgb: 124, 58, 237;
    --mxp-purple-700-rgb: 109, 40, 217;
    --mxp-purple-900-rgb: 88, 28, 135;
    --mxp-orchid-500-rgb: 168, 85, 247;
    --mxp-indigo-400-rgb: 129, 140, 248;
    --mxp-indigo-500-rgb: 99, 102, 241;
    --mxp-amber-300-rgb: 251, 191, 36;
    --mxp-amber-500-rgb: 245, 158, 11;
    --mxp-amber-600-rgb: 217, 119, 6;
    --mxp-amber-700-rgb: 180, 83, 9;
    --mxp-yellow-500-rgb: 234, 179, 8;
    --mxp-oro-rgb: 255, 215, 0;
    --mxp-green-200-rgb: 110, 231, 183;
    --mxp-green-300-rgb: 52, 211, 153;
    --mxp-green-500-rgb: 16, 185, 129;
    --mxp-green-600-rgb: 5, 150, 105;
    --mxp-grass-400-rgb: 74, 222, 128;
    --mxp-grass-500-rgb: 34, 197, 94;
    --mxp-blue-300-rgb: 96, 165, 250;
    --mxp-blue-500-rgb: 59, 130, 246;
    --mxp-cyan-400-rgb: 34, 211, 238;
    --mxp-steam-rgb: 102, 192, 244;
    --mxp-orange-300-rgb: 251, 146, 60;
    --mxp-orange-500-rgb: 249, 115, 22;
    --mxp-orange-600-rgb: 234, 88, 12;
    --mxp-red-400-rgb: 248, 113, 113;
    --mxp-red-500-rgb: 239, 68, 68;
    --mxp-red-600-rgb: 220, 38, 38;
    --mxp-pink-400-rgb: 244, 114, 182;
    --mxp-pink-500-rgb: 236, 72, 153;
    --mxp-favorito-rgb: 255, 51, 102;
    --mxp-slate-50-rgb: 248, 250, 252;
    --mxp-slate-200-rgb: 226, 232, 240;
    --mxp-slate-400-rgb: 148, 163, 184;
    --mxp-slate-500-rgb: 100, 116, 139;
    --mxp-slate-600-rgb: 71, 85, 105;
    --mxp-slate-800-rgb: 30, 41, 59;
    --mxp-slate-900-rgb: 15, 23, 42;
    --mxp-navy-900-rgb: 20, 30, 48;
    --mxp-night-800-rgb: 26, 11, 46;
    --mxp-night-900-rgb: 15, 8, 35;
}

:root {
    --mxp-letra-1: 0.6rem;
    --mxp-letra-2: 0.65rem;
    --mxp-letra-3: 0.7rem;
    --mxp-letra-4: 0.75rem;
    --mxp-letra-5: 0.8rem;
    --mxp-letra-6: 0.85rem;
    --mxp-letra-7: 0.9rem;
    --mxp-letra-8: 0.95rem;
    --mxp-letra-9: 1rem;
    --mxp-letra-10: 1.1rem;
    --mxp-letra-11: 1.25rem;
    --mxp-letra-12: 1.5rem;
    --mxp-letra-13: 2rem;

    --mxp-esp-1: 0.25rem;
    --mxp-esp-2: 0.5rem;
    --mxp-esp-3: 0.75rem;
    --mxp-esp-4: 1rem;
    --mxp-esp-5: 1.25rem;
    --mxp-esp-6: 1.5rem;
    --mxp-esp-7: 1.75rem;
    --mxp-esp-8: 2rem;

    --mxp-radio-1: 4px;
    --mxp-radio-2: 6px;
    --mxp-radio-3: 8px;
    --mxp-radio-4: 10px;
    --mxp-radio-5: 12px;
    --mxp-radio-6: 14px;
    --mxp-radio-7: 16px;
    --mxp-radio-8: 20px;
    --mxp-radio-9: 24px;
    --mxp-radio-pildora: 999px;
    --mxp-radio-circulo: 50%;

    --mxp-sombra-1: 0 2px 8px rgba(0, 0, 0, 0.3);
    --mxp-sombra-2: 0 2px 10px rgba(0, 0, 0, 0.15);
    --mxp-sombra-3: 0 4px 12px rgba(0, 0, 0, 0.3);
    --mxp-sombra-4: 0 4px 15px rgba(0, 0, 0, 0.3);
    --mxp-sombra-5: 0 4px 20px rgba(0, 0, 0, 0.15);
    --mxp-sombra-6: 0 6px 25px rgba(0, 0, 0, 0.4);
    --mxp-sombra-7: 0 8px 24px rgba(0, 0, 0, 0.45);
    --mxp-sombra-8: 0 20px 60px rgba(0, 0, 0, 0.6);
    --mxp-sombra-9: 0 25px 70px rgba(0, 0, 0, 0.6);

    --mxp-z-hoja: 900;
    --mxp-z-flotante: 1000;
    --mxp-z-bottomnav: 1100;
    --mxp-z-contenido-con-velo: 1350;
    --mxp-z-buscador: 1500;
    --mxp-z-pantalla-completa: 2000;
    --mxp-z-velo: 9999;
    --mxp-z-modal: 10000;
    --mxp-z-error-circuito: 20000;
    --mxp-z-aviso: 99999;
    --mxp-z-encima: 999999;
    --mxp-z-maximo: 2147483647;
}

:root {
    --mxp-focus-ring: var(--mxp-purple-100);
    --mxp-focus-width: 2px;
    --mxp-focus-offset: 2px;
}