.suite-page,
.suite-login-page {
    color-scheme: light;
    --mg-bg: #f8f9fc;
    --mg-panel: #ffffff;
    --mg-surface-2: #ffffff;
    --mg-surface-3: #f4f5f8;
    --mg-border: #dfe3ea;
    --mg-border-strong: #cbd1dc;
    --mg-text: #1f2433;
    --mg-muted: #646e87;
    --mg-text-dim: #939db8;
    --mg-accent: #5b63d3;
    --mg-accent-solid: #5b63d3;
    --mg-accent-hover: #5145b8;
    --mg-warning: #9a6a00;
    --mg-card-bg: var(--mg-panel);
    --mg-search-bg: var(--mg-panel);
}
html[data-suite-theme="dark"] .suite-login-page {
    color-scheme: dark;
    --mg-bg: #1f2433;
    --mg-panel: #222838;
    --mg-surface-2: #222838;
    --mg-surface-3: #2f3647;
    --mg-border: rgba(255, 255, 255, 0.08);
    --mg-border-strong: rgba(255, 255, 255, 0.14);
    --mg-text: #ffffff;
    --mg-muted: #b8bfd1;
    --mg-accent: #7c87f7;
    --mg-success: #36d990;
    --mg-danger: #ff8c96;
    --mg-warning: #f0c36a;
    --mg-card-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)), rgba(13, 20, 29, 0.82);
    --mg-search-bg: #151b25;
}
html[data-suite-theme="dark"] .suite-page {
    color-scheme: dark;
    --mg-bg: #1e1e1e;
    --mg-panel: #222222;
    --mg-surface-2: #282828;
    --mg-surface-3: #313131;
    --mg-border: #333333;
    --mg-border-strong: #626262;
    --mg-text: #eeeeee;
    --mg-muted: #bdbdbd;
    --mg-text-dim: #999999;
    --mg-accent: #d6d6d6;
    --mg-accent-solid: #555555;
    --mg-accent-hover: #666666;
    --mg-success: #36d990;
    --mg-danger: #ff8c96;
    --mg-warning: #f0c36a;
    --mg-card-bg: #232323;
    --mg-search-bg: #313131;
}
/* The dark shell keeps --mg-accent neutral; the greeting date and name keep the brand lilac. */
html[data-suite-theme="dark"] .suite-page .dashboard-hero .eyebrow,
html[data-suite-theme="dark"] .suite-page .dashboard-hero h1 span {
    color: #7c87f7;
}
.suite-page .shell { min-height: 100dvh; }
.suite-page .main {
    width: 100%;
    min-width: 0;
    padding: 0 16px;
}
.suite-page .suite-home {
    width: min(980px, 100%);
    margin: 0 auto;
    padding: 40px 0 48px;
}

.suite-page :focus-visible { outline: 2px solid var(--mg-accent); outline-offset: 3px; }

@media (max-width: 767px) {
    .suite-page .main { padding: 0 12px; }
    .suite-page .suite-home { padding-top: 24px; }
}