/* Shared light palette: keep the host and React copies identical. */
.authenticated-app-shell.app-theme-light,
html[data-theme="light"] {
    --ui-canvas: #f5f6f3;
    --ui-panel: #ffffff;
    --ui-subtle: #fafbf8;
    --ui-selected: #e6f0ec;
    --ui-border: #dce2dc;
    --ui-divider: #eaf0e9;
    --ui-border-strong: #a9beb5;
    --ui-ink: #1f2a33;
    --ui-action: #16786f;
    --ui-action-hover: #105e57;
    --ui-ai: #6b5b8c;
    --ui-ai-soft: #f2eef8;
    --ui-ai-border: #dfd6ed;
    --ui-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    --ui-text-sm: 13px;
    --ui-text-base: 14px;
    --ui-weight-heading: 650;
    --ui-body: #3f4b48;
    --ui-muted: #62706b;
    --ui-positive: #187453;
    --ui-positive-soft: #edf5ef;
    --ui-negative: #bd354c;
    --ui-negative-soft: #fbf0f2;
    --ui-warning: #8c6827;
    --ui-warning-soft: #fbf6e9;
    --ui-icon-bg: #e6f0ec;
    --ui-icon-border: #b7d2c7;
    --ui-icon-ink: #1f2a33;
    --ui-icon-positive-bg: #d7eddf;
    --ui-icon-positive-border: #9dcbb0;
    --ui-icon-negative-bg: #f9d5de;
    --ui-icon-negative-border: #eaa4b5;
    --ui-icon-warning-bg: #f4e4ba;
    --ui-icon-warning-border: #dbbe76;
    --ui-shadow: 0 2px 4px rgba(46, 40, 28, .025);
    --light-canvas: var(--ui-canvas);
    --light-panel: var(--ui-panel);
    --light-panel-muted: var(--ui-subtle);
    --light-border: var(--ui-border);
    --light-border-strong: var(--ui-border-strong);
    --light-ink: var(--ui-ink);
    --light-ink-soft: var(--ui-body);
    --light-muted: var(--ui-muted);
    --light-moss: var(--ui-action);
    --light-moss-dark: var(--ui-action-hover);
    --light-moss-soft: var(--ui-selected);
    --light-ledger: var(--ui-negative);
    --light-ledger-soft: var(--ui-negative-soft);
    --light-amber: var(--ui-warning);
    --light-amber-soft: var(--ui-warning-soft);
    --chart-grid: var(--ui-divider);
    --chart-axis: var(--ui-border-strong);
    --chart-muted: var(--ui-muted);
    --chart-surface: var(--ui-panel);
}