:root {
    --admin-primary: #7f5af0;
    --admin-primary-light: #9a7ff7;
    --admin-secondary: #d910f6;
    --admin-accent-green: #2cb67d;
    --admin-text-primary: #232323;
    --admin-text-secondary: #6c757d;
    --admin-border-light: rgba(0, 0, 0, 0.08);
    --admin-bg: linear-gradient(135deg, #f5f7fa 0%, #e9e4f0 100%);
    --admin-font: 'Sora', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --admin-hover-bg: #f3f0ff;
    --admin-shadow: 0 4px 32px #7f5af022;
    --admin-shadow-hover: 0 8px 40px #7f5af044;
}

body.admin-panel {
    font-family: var(--admin-font);
    background: var(--admin-bg);
    color: var(--admin-text-primary);
}

/* Override some bootstrap defaults for a more modern look */
.admin-panel .btn-primary,
.admin-panel .btn-dark,
.admin-form-glass .btn-primary,
.btn-login,
.admin-page-header .btn {
    background: linear-gradient(90deg, var(--admin-primary), var(--admin-secondary));
    color: #fff;
    border: none;
    transition: background 0.2s, box-shadow 0.2s;
}

.admin-panel .btn-primary:hover,
.admin-panel .btn-dark:hover,
.admin-form-glass .btn-primary:hover,
.btn-login:hover,
.admin-page-header .btn:hover {
    background: linear-gradient(90deg, var(--admin-primary-light), var(--admin-secondary));
    box-shadow: var(--admin-shadow-hover);
    color: #fff;
}

.admin-panel .btn-outline-primary,
.admin-panel .btn-outline-dark {
    color: var(--admin-primary);
    border-color: var(--admin-primary);
}

.admin-panel .btn-outline-primary:hover,
.admin-panel .btn-outline-dark:hover {
    background: var(--admin-primary);
    color: #fff;
    border-color: var(--admin-primary);
}

.admin-panel .form-control:focus,
.admin-panel .form-select:focus {
    border-color: var(--admin-primary);
    box-shadow: 0 0 0 3px rgba(127, 90, 240, 0.2);
}