body.stg-sunday-page {
    --color-app-bg: #d8dfef;
    --color-surface-1: #ffffff;
    --color-surface-2: #f7f9fd;
    --color-surface-3: #eef2f9;
    --color-sidebar-bg: rgba(26, 39, 64, 0.95);
    --color-sidebar-hover: rgba(45, 63, 95, 0.92);
    --color-sidebar-active: #0a6efd;
    --color-input-bg: #ffffff;
    --color-chip-bg: #ecf1fa;
    --color-border-soft: #d8dfeb;
    --color-border-strong: #b8c3d6;
    --color-border: var(--color-border-soft);

    --color-text-primary: #0f1e3a;
    --color-text-secondary: #5a6b8a;
    --color-text-muted: #8a96b4;
    --color-text-on-dark: #eef4ff;
    --color-accent: #3f6be9;
    --color-accent-soft: rgba(63, 107, 233, 0.16);
    --color-success: #2eb872;
    --color-warning: #f7b731;
    --color-danger: #dc3545;

    --shadow-card: 0 28px 56px rgba(24, 33, 58, 0.12);
    --shadow-sidebar: 0 32px 70px rgba(16, 23, 43, 0.38);
    --shadow-floating: 0 24px 48px rgba(25, 34, 54, 0.16);
    --glow-primary: 0 0 0 4px rgba(63, 107, 233, 0.22);

    --color-row-odd: #fbfcfe;
    --color-row-even: #f3f6fb;
    --color-row-hover: #e9eef9;
    --color-table-head: #cbd2e8;

    --color-surface: var(--color-surface-1);
    --color-surface-dark: var(--color-surface-1);
    --color-popover-bg: #ffffff;
    --color-popover-border: var(--color-border-strong);
    --shadow-popover: 0 30px 60px rgba(15, 23, 42, 0.2), 0 12px 24px rgba(15, 23, 42, 0.08);
    --color-modal-overlay: rgba(15, 23, 42, 0.4);
    --color-placeholder: rgba(90, 104, 134, 0.65);

    --color-header-bg: #eef2ff;
    --color-header-border: rgba(10, 110, 253, 0.12);
    --shadow-header: 0 24px 40px rgba(32, 45, 78, 0.06);
    --header-sheen: linear-gradient(120deg, rgba(255, 255, 255, 0.2), transparent 70%);

    --scrollbar-track: rgba(248, 250, 255, 0.85);
    --scrollbar-thumb: rgba(15, 23, 42, 0.35);
    --scrollbar-border: rgba(248, 250, 255, 0.95);

    --sunday-sticky-col-1-bg: #f8faff;
    --sunday-sticky-col-2-bg: #ffffff;
    --sunday-sticky-col-3-bg: #ffffff;
}
