/* Shared by React and native controls; slide documents own their palette. */
:root {
  color-scheme: dark;
  --lp-bg: #0b0b0c;
  --lp-surface: #161618;
  --lp-elevated: #1f1f22;
  --lp-hover: #26262a;
  --lp-border: #2a2a2e;
  --lp-border-strong: #55555e;
  --lp-divider: #ffffff0f;
  --lp-text: #ececee;
  --lp-secondary: #a1a1aa;
  --lp-muted: #96969f;
  --lp-disabled: #676770;
  --lp-primary: #f5f5f5;
  --lp-on-primary: #0b0b0c;
  --lp-accent: #f5c518;
  --lp-accent-bg: #332c16;
  --lp-success: #64cc7b;
  --lp-success-bg: #172b1e;
  --lp-danger: #ff7b75;
  --lp-danger-bg: #351c1f;
  --lp-info: #a8bfdc;
  --lp-info-bg: #1b2532;
  --lp-mask: #000000b3;
  --lp-canvas: #ffffff;
  --lp-canvas-ink: #111111;
  --lp-overlay: #00000033;
  --lp-radius-panel: 16px;
  --lp-radius-card: 12px;
  --lp-radius-control: 10px;
  --lp-sidebar-width: 240px;
  --lp-font: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --surface: var(--lp-surface);
  --surface-elevated: var(--lp-elevated);
  --surface-subtle: var(--lp-elevated);
  --surface-contrast: var(--lp-primary);
  --text-primary: var(--lp-text);
  --text-secondary: var(--lp-secondary);
  --text-muted: var(--lp-muted);
  --border-color: var(--lp-border);
  --glass-border: var(--lp-border);
  --primary-color: var(--lp-primary);
  --accent: var(--lp-primary);
  --border-radius-lg: var(--lp-radius-panel);
  --border-radius-md: var(--lp-radius-control);
}

/* Light appearance "可可蛋白" (cocoa meringue): cream surfaces, cocoa ink.
   Selected by static/js/shared/theme-init.js before first paint. */
:root[data-theme="light"] {
  color-scheme: light;
  --lp-bg: #f3ebe1;
  --lp-surface: #fffaf4;
  --lp-elevated: #f7efe5;
  --lp-hover: #ede1d3;
  --lp-border: #e2d3c2;
  --lp-border-strong: #9a7f69;
  --lp-divider: #3a281e14;
  --lp-text: #3a281e;
  --lp-secondary: #6b5243;
  --lp-muted: #735a4b;
  --lp-disabled: #b3a08f;
  --lp-primary: #6b4430;
  --lp-on-primary: #fffaf4;
  --lp-accent: #87560a;
  --lp-accent-bg: #f8e8c8;
  --lp-success: #2e6a39;
  --lp-success-bg: #e6f0df;
  --lp-danger: #a4311e;
  --lp-danger-bg: #fbe6df;
  --lp-info: #3b5b82;
  --lp-info-bg: #e7edf4;
  --lp-mask: #3a281e73;
  --lp-overlay: #3a281e24;
}