html[data-theme="hybridStory"] {
  --theme-bg: #f7f3ed;
  --theme-panel: #ffffff;
  --theme-surface: #fdf9f4;
  --theme-card: #ffffff;
  --theme-border: #e4d7c7;
  --theme-text: #2f2a25;
  --theme-muted: #7a6f64;
  --theme-accent: #8b5cf6;
  --theme-accent-dark: #6d28d9;
  --theme-button-bg: #efe7dc;
  --theme-button-text: #2f2a25;
  --theme-input-bg: #ffffff;
  --theme-badge-bg: #e9ddcf;
  --theme-chip-bg: transparent;
  --theme-chip-active-bg: #8b5cf6;
  --theme-chip-active-text: #ffffff;
  --theme-placeholder-bg: #f1e8dd;
  --theme-modal-bg: #ffffff;
  --theme-info-bg: #fdf9f4;
  --theme-topbar-bg: #f9f4ee;
  --theme-shadow: 0 2px 8px rgba(50, 35, 20, 0.12);
  --theme-shadow-card: 0 2px 6px rgba(50, 35, 20, 0.12);
  --theme-radius: 16px;
  --theme-radius-card: 14px;
  --theme-radius-small: 10px;
  --theme-radius-pill: 999px;
  --theme-focus: 0 0 0 3px rgba(139, 92, 246, 0.3);
}

html[data-theme="hybridStory"] .panel-header h1 {
  font-size: 26px;
}