:root {
    --admin-bg-top-halo: rgba(26, 127, 251, 0.09);
    --admin-bg-top: #f7f9fc;
    --admin-bg-bottom: #eef3f9;
    --admin-header-top: #ffffff;
    --admin-header-bottom: #fbfdff;
    --admin-header-border: rgba(15, 23, 42, 0.08);
    --admin-header-shadow: rgba(15, 23, 42, 0.04);
    --admin-divider: rgba(15, 23, 42, 0.06);
    --admin-text: #24364d;
    --admin-text-muted: #6f8197;
    --admin-menu-top: #fcfdff;
    --admin-menu-bottom: #f5f8fd;
    --admin-menu-link: #4b607a;
    --admin-menu-link-active: #223856;
    --admin-menu-underline: #7fa4da;
    --admin-brand-mark-bg: #dbe7f6;
    --admin-card-border: rgba(255, 255, 255, 0.55);
    --admin-card-shadow: rgba(15, 23, 42, 0.04);
    --admin-card-bg: rgba(255, 255, 255, 0.82);
    --admin-card-bg-strong: rgba(255, 255, 255, 0.88);
    --admin-card-bg-soft: rgba(251, 253, 255, 0.84);
    --admin-card-metric-bg: rgba(255, 255, 255, 0.5);
    --admin-card-metric-border: rgba(15, 23, 42, 0.06);
    --admin-glow: rgba(26, 127, 251, 0.16);
    --admin-feature-glow: rgba(26, 127, 251, 0.08);
    --admin-mini-blue-bg: #eaf2ff;
    --admin-mini-blue-text: #2676e5;
    --admin-mini-green-bg: #eaf8ef;
    --admin-mini-green-text: #25a05a;
    --admin-mini-purple-bg: #f2eefb;
    --admin-mini-purple-text: #7c6f9d;
    --admin-mini-amber-bg: #faf1e7;
    --admin-mini-amber-text: #a6784d;
    --admin-badge-client-bg: #f1eefb;
    --admin-badge-client-text: #7b6f9b;
    --admin-badge-empty-bg: #f8eee8;
    --admin-badge-empty-text: #a07d6d;
    --admin-action-text: #64748b;
    --admin-action-text-hover: #334155;
    --admin-action-bg-hover: rgba(148, 163, 184, 0.14);
    --admin-action-pill-bg: rgba(148, 163, 184, 0.12);
    --admin-cover-top: #edf4fd;
    --admin-cover-bottom: #e3ecf8;
    --admin-payment-active-bg: rgba(26, 127, 251, 0.08);
    --admin-payment-active-text: #24364d;
    --admin-radio-slate: #94a3b8;
    --admin-radio-amber: #d9a441;
    --admin-radio-green: #2fb344;
    --admin-radio-red: #d63939;
    --admin-chart-voyages: #377dff;
    --admin-chart-money: #f59e0b;
    --admin-axis-text: #9ca3af;
    --admin-legend-text: #6b7280;
    --admin-placeholder-text: #7a8aa0;
}

body.tp-public-theme-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, var(--admin-bg-top-halo) 0%, transparent 24%),
        linear-gradient(180deg, var(--admin-bg-top) 0%, var(--admin-bg-bottom) 100%);
    background-color: var(--admin-bg-bottom);
    background-repeat: no-repeat;
    background-size: 100% 460px, 100% 100%;
}