html[data-theme="light"] {
  --ce-color-scheme: light;
  --ce-page-bg: #f1f5f9;
  --ce-app-bg: #f8fafc;
  --ce-message-bg: #f8fafc;
  --ce-surface: #ffffff;
  --ce-surface-2: #f8fafc;
  --ce-surface-3: #f1f5f9;
  --ce-elevated: #ffffff;
  --ce-border: #e2e8f0;
  --ce-border-strong: #cbd5e1;
  --ce-text: #0f172a;
  --ce-muted: #64748b;
  --ce-soft: #94a3b8;
  --ce-inverted: #ffffff;
  --ce-accent: #0284c7;
  --ce-accent-hover: #0369a1;
  --ce-accent-soft: #f0f9ff;
  --ce-accent-border: #bae6fd;
  --ce-accent-text: #0369a1;
  --ce-danger: #e11d48;
  --ce-danger-soft: #fff1f2;
  --ce-danger-border: #fecdd3;
  --ce-warn-soft: #fef3c7;
  --ce-warn-border: #fde68a;
  --ce-warn-text: #92400e;
  --ce-ok-soft: #ecfdf5;
  --ce-ok-text: #047857;
  --ce-input-bg: #ffffff;
  --ce-input-border: #cbd5e1;
  --ce-hover: #f1f5f9;
  --ce-active: #e0f2fe;
  --ce-bubble-in: #ffffff;
  --ce-bubble-out: #0284c7;
  --ce-bubble-out-text: #ffffff;
  --ce-code-bg: #f1f5f9;
  --ce-overlay: rgb(15 23 42 / .45);
  --ce-media-overlay: rgb(15 23 42 / .86);
  --ce-focus-ring: rgb(14 165 233 / .18);
  --ce-message-glow-a: rgb(14 165 233 / .05);
  --ce-message-glow-b: rgb(16 185 129 / .04);
  --ce-shadow: 0 1px 2px rgb(15 23 42 / .08);
  --ce-shadow-lg: 0 20px 40px rgb(15 23 42 / .16);
  --ce-mark: #fde68a;
  --ce-toast-bg: #020617;
  --ce-toast-text: #ffffff;
  --ce-scroll-thumb: #cbd5e1;
  --ce-scroll-track: transparent;
}