/* Measured from the authenticated Replit UI on 2026-10-31. */
:root {
 --repl-bg: #f6f5f4; --repl-sidebar: #f1f0ee; --repl-panel: #fafaf9;
 --repl-control: #f7f7f6; --repl-hover: #e8e7e3; --repl-selected: #edece8;
 --repl-text: #18191b; --repl-secondary: #37383c; --repl-muted: #5c5f66;
 --repl-border: #dbd9d3; --repl-border-strong: #c0c3c4;
 --repl-blue: #0f87ff; --repl-blue-hover: #0073e6; --repl-blue-text: #005cb8;
 --repl-success: #036e15; --repl-error: #c20a0a; --repl-font: Arial, Helvetica, sans-serif;
}
:is(.workspace-body,.dashboard-body,.ops-body) {
 --ink: var(--repl-text); --muted: var(--repl-muted); --blue: var(--repl-blue);
 --blue-soft: #e6f2ff; --paper: var(--repl-bg); --line: var(--repl-border);
 --surface: var(--repl-panel); --accent-hover: var(--repl-blue-hover);
 --soft-surface: var(--repl-hover); --focus: var(--repl-blue); --font: var(--repl-font);
 background: var(--repl-bg); color: var(--repl-text); font-family: var(--repl-font); color-scheme: light;
}
:is(.workspace-body,.dashboard-body,.ops-body) :is(.primary,button.primary) { background: var(--repl-blue); color: #f7fbff; border-radius: 6px; font-weight: 400; box-shadow: none; }
:is(.workspace-body,.dashboard-body,.ops-body) :is(.primary,button.primary):hover { background: var(--repl-blue-hover); }
:is(.workspace-body,.dashboard-body,.ops-body) :is(.secondary,.subtle,.icon-button) { color: var(--repl-secondary); border-radius: 6px; }
:is(.workspace-body,.dashboard-body,.ops-body) .secondary { background: var(--repl-control); border-color: var(--repl-border); }
:is(.workspace-body,.dashboard-body,.ops-body) :is(.secondary,.subtle,.icon-button):hover { background: var(--repl-hover); color: var(--repl-text); }
:is(.workspace-body,.dashboard-body,.ops-body) .brand-mark { background: #f26207; border-radius: 5px; color: #fff; transform: none; }
:is(.workspace-body,.dashboard-body,.ops-body) .user-dot { background: #52616b; color: #fff; border-color: #d9d9d9; }
:is(.workspace-body,.dashboard-body,.ops-body) #toast { background: #292b30; border-color: #41444b; color: #fff; }
:is(.workspace-body,.dashboard-body,.ops-body) .error-copy { color: var(--repl-error); }