html[data-theme="exampleTheme"] {
  --theme-bg: #f1f6ff;
  --theme-panel: #ffffff;
  --theme-surface: #eef4ff;
  --theme-card: #ffffff;
  --theme-border: #c9d7f2;
  --theme-text: #1d2b4f;
  --theme-muted: #4a5a7a;
  --theme-accent: #2f6fed;
  --theme-accent-dark: #1f4ea8;
  --theme-button-bg: #eef4ff;
  --theme-button-text: #1d2b4f;
  --theme-button-ghost: transparent;
  --theme-button-primary-text: #ffffff;
  --theme-input-bg: #ffffff;
  --theme-badge-bg: #dbe6ff;
  --theme-chip-bg: rgba(47, 111, 237, 0.1);
  --theme-chip-active-bg: #2f6fed;
  --theme-chip-active-text: #ffffff;
  --theme-placeholder-bg: #dbe6ff;
  --theme-modal-bg: #ffffff;
  --theme-info-bg: #eef4ff;
  --theme-topbar-bg: #ffffff;
  --theme-shadow: 0 2px 8px rgba(33, 60, 123, 0.08);
  --theme-shadow-card: 0 2px 6px rgba(33, 60, 123, 0.06);
  --theme-radius: 16px;
  --theme-radius-card: 12px;
  --theme-radius-small: 8px;
  --theme-radius-pill: 999px;
  --theme-focus: 0 0 0 3px rgba(47, 111, 237, 0.35);
}