:root {
    --admin-font-stack: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --admin-bg-gradient: linear-gradient(135deg, #e3f0ff 0%, #fafbff 60%, #f1f5ff 100%);
    --admin-primary-color: #0056e8;
    --admin-accent-color: #ff4081;
    --admin-border-radius: var(--popple-control-radius);
    --admin-shadow: 0 1px 4px rgba(0,0,0,0.1);
    --admin-hero-bg: linear-gradient(135deg, #e3f0ff, #ffffff);
    --admin-hero-overlay: rgba(76,110,245,0.15);
    --admin-hero-text-shadow: none;
    --skyline-gradient: linear-gradient(135deg, #1b1d36, #4c6efd);
    --skyline-overlay-color: rgba(0,0,0,0.2);
}

/* Premium glass layout for global pages */
body.premium {
    background-image: var(--admin-bg-gradient);
    font-family: var(--admin-font-stack);
}

.premium .ow_card,
.premium .ow_glass_card {
    box-shadow: var(--admin-shadow), var(--base-card-glow);
}

.premium .ow_button input,
.premium .ow_button button {
    border-radius: var(--admin-border-radius);
    background-color: var(--admin-primary-color);
}

/* Admin hero adjustments */
.ow_admin_hero.ow_hero_section {
    padding: 60px 20px;
    background: var(--admin-hero-bg, var(--hero-bg-gradient));
}

.ow_admin_hero h1,
.ow_admin_hero h2 {
    text-shadow: var(--admin-hero-text-shadow, var(--hero-text-shadow));
}

.ow_admin_hero.ow_hero_section::before {
    background: var(--admin-hero-overlay, var(--hero-overlay-color));
}

.ow_admin_hero .ow_hero_glass {
    padding: 30px 20px;
}