/* Shared HomeNet palette, taken from chat2. Page CSS owns layout, not colors. */
:root,
body[data-theme="light"],
body.ui-theme-light {
    --ui-bg: #edf2f7;
    --ui-panel: #ffffff;
    --ui-panel-soft: #f7f9fc;
    --ui-panel-raised: #ffffff;
    --ui-border: #dfe6ef;
    --ui-border-strong: #cbd5e1;
    --ui-text: #152238;
    --ui-muted: #6b7a90;
    --ui-faint: #94a3b8;
    --ui-primary: #2563eb;
    --ui-primary-hover: #1d4ed8;
    --ui-primary-soft: #eaf2ff;
    --ui-danger: #ef4444;
    --ui-danger-text: #b91c1c;
    --ui-success: #15803d;
    --ui-warning: #b45309;
    --ui-warning-bg: #fffbeb;
    --ui-warning-border: #fcd34d;
    --ui-success-bg: #f0fdf4;
    --ui-success-border: #86efac;
    --ui-danger-bg: #fff1f2;
    --ui-danger-border: #fda4af;
    --ui-info: #0284c7;
    --ui-accent: #7c3aed;
    --ui-overlay: rgba(15, 23, 42, .55);
    --ui-on-primary: #ffffff;
    --ui-chat-bg: #eaf0f7;
    --ui-shadow: 0 12px 30px rgba(31, 41, 55, .08);
    --ui-radius: 14px;
    --ui-radius-control: 9px;
    --ui-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-6: 24px;
}

body.dark-theme,
body.ui-theme-dark,
body.dashboard-main-body:not([data-theme="light"]):not(.ui-theme-light) {
    color-scheme: dark;
    --ui-bg: #0b1220;
    --ui-panel: #151f31;
    --ui-panel-soft: #101a2b;
    --ui-panel-raised: #1b283c;
    --ui-border: #29384e;
    --ui-border-strong: #3a4b64;
    --ui-text: #e8eef8;
    --ui-muted: #9cacbf;
    --ui-faint: #718096;
    --ui-primary: #3b82f6;
    --ui-primary-hover: #60a5fa;
    --ui-primary-soft: #1d3456;
    --ui-danger: #fb7185;
    --ui-danger-text: #fda4af;
    --ui-success: #4ade80;
    --ui-warning: #fbbf24;
    --ui-warning-bg: #322715;
    --ui-warning-border: #705526;
    --ui-success-bg: #122e25;
    --ui-success-border: #285d46;
    --ui-danger-bg: #351c2a;
    --ui-danger-border: #70354c;
    --ui-info: #38bdf8;
    --ui-accent: #a78bfa;
    --ui-overlay: rgba(2, 6, 23, .72);
    --ui-chat-bg: #0d1728;
    --ui-shadow: 0 16px 40px rgba(0, 0, 0, .26);
}

/* Compatibility names for existing dashboard components, including lazy tabs. */
body.dashboard-main-body,
.workspace-dashboard {
    --hm-bg: var(--ui-bg);
    --hm-surface: var(--ui-panel);
    --hm-surface-2: var(--ui-panel-raised);
    --hm-card: var(--ui-panel-soft);
    --hm-line: var(--ui-border);
    --hm-line-strong: var(--ui-border-strong);
    --hm-text: var(--ui-text);
    --hm-muted: var(--ui-muted);
    --hm-soft: var(--ui-text);
    --hm-blue: var(--ui-primary);
    --hm-blue-2: var(--ui-primary-hover);
    --hm-green: var(--ui-success);
    --hm-red: var(--ui-danger);
    --hm-warn: var(--ui-warning);
    --hm-radius: var(--ui-radius);
    --hm-shadow: var(--ui-shadow);
}