:root {
    --primary: #A855F7;
    --secondary: #1E1033;
    --accent: #F472B6;
    --header-gradient: linear-gradient(135deg, #1E1033 0%, #2D1B4E 100%);
    --body-gradient: radial-gradient(circle at 20% 50%, rgba(168, 85, 247, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(244, 114, 182, 0.1) 0%, transparent 50%);
    --sidebar-gradient: linear-gradient(180deg, #1E1033 0%, #0D0617 100%);
    --input-bg: #0D0617;
}

/* Sobrescribir botones con color del tema */
.btn-primary {
    background: linear-gradient(135deg, #A855F7 0%, color-mix(in srgb, #A855F7 70%, black) 100%) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, color-mix(in srgb, #A855F7 90%, white) 0%, #A855F7 100%) !important;
    box-shadow: 0 10px 30px color-mix(in srgb, #A855F7 40%, transparent) !important;
}

/* Sidebar links activos */
.sidebar-link.active {
    background: linear-gradient(135deg, color-mix(in srgb, #A855F7 20%, transparent) 0%, transparent 100%) !important;
    border-left-color: #A855F7 !important;
    color: #A855F7 !important;
}

.sidebar-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #A855F7;
}

/* Input focus */
.input-field:focus {
    border-color: #A855F7 !important;
    box-shadow: 0 0 20px color-mix(in srgb, #A855F7 30%, transparent) !important;
}

/* Progress bars */
.progress-fill {
    background: linear-gradient(135deg, #A855F7 0%, #F472B6 100%) !important;
}

/* Cards hover */
.card:hover {
    border-color: #A855F7 !important;
}

/* Bottom nav active */
.bottom-nav-item.active {
    color: #A855F7 !important;
}

/* Accent colors */
.btn-accent {
    background: linear-gradient(135deg, #F472B6 0%, color-mix(in srgb, #F472B6 70%, black) 100%) !important;
}

/* Logo y avatares */
.logo-icon, .avatar-icon {
    background: linear-gradient(135deg, #A855F7 0%, color-mix(in srgb, #A855F7 70%, black) 100%) !important;
}

/* Text primary */
.text-primary {
    color: #A855F7 !important;
}

/* Stat cards */
.stat-card .stat-number {
    color: #A855F7;
}