._theme-catppuccin {

  /* Legacy (kept sensible) */
  --wf-color-bg-secondary: #313244;
  --wf-color-background-info: #1e1e2e;
  --wf-color-text-warning: #181825;
  --wf-color-text-info: #89b4fa;
  --wf-color-link-01: #89b4fa;
  --wf-color-link-hover-01: #b4befe;

  --gray1: #cdd6f4;
  --gray2: #bac2de;
  --gray3: #a6adc8;
  --gray4: #9399b2;
  --gray5: #7f849c;
  --gray6: #6c7086;
  --gray7: #585b70;
  --gray8: #45475a;
  --accent: #89b4fa;

  /* Refactored tokens */

  /* Backgrounds */
  --wf-background: #1e1e2e;
  --wf-background-secondary: #181825;
  --wf-background-tertiary: #45475a;
  --wf-background-accent: #cba6f7;
  --wf-background-inverse: #cdd6f4;
  --wf-background-inverse-transparent: rgba(205,214,244,0.10);
  --wf-page-background: #1e1e2e;

  /* Borders */
  --wf-border-default: #313244;
  --wf-border-active: #b4befe;
  --wf-border-strong: #45475a;
  --wf-border-subtle: #2b2b3b;

  /* Text */
  --wf-text-primary: #cdd6f4;
  --wf-text-secondary: #bac2de;
  --wf-text-on-color: #11111b;
  --wf-text-inverse: #1e1e2e;
  --wf-text-helper: #9399b2;
  --wf-text-disabled: #6c7086;
  --wf-text-error: #f38ba8;

  /* Buttons */
  --wf-button-background: #313244;
  --wf-button-background-primary: #a6adc8;
  --wf-button-background-primary-hover: #9399b2;
  --wf-button-background-primary-active: #b4befe;
  --wf-button-background-secondary: #45475a;
  --wf-button-background-secondary-hover: #313244;
  --wf-button-background-secondary-active: #313244;
  --wf-ghost-button-background-hover: #181825;
  --wf-ghost-button-background-active: #11111b;
  --wf-button-background-danger: #f38ba8;
  --wf-button-background-danger-hover: #eba0ac;
  --wf-button-background-loading: #181825;
  --wf-button-disabled: #585b70;

  /* Icons */
  --wf-icon-primary: #7f849c;
  --wf-icon-secondary: #bac2de;
  --wf-icon-tertiary: #6c7086;
  --wf-icon-active: #89b4fa;

  /* Support */
  --wf-support-success: #a6e3a1;
  --wf-support-warning: #f9e2af;
  --wf-support-error: #f38ba8;

  /* Links */
  --wf-link-primary: #89b4fa;
  --wf-link-secondary: #b4befe;

  /* Header */
  --wf-header-background: #1e1e2e;
  --wf-header-text: #7f849c;
  --wf-header-icon: #7f849c;
  --wf-header-text-secondary: #cdd6f4;
  --wf-header-border: #313244;
  --wf-header-button-background-hover: #181825;
  --wf-header-button-background-active: #45475a;
  --wf-header-button-background-disabled: #45475a;

  /* Menu */
  --wf-menu-background: #181825;
  --wf-menu-text: #bac2de;
  --wf-menu-border: #313244;
  --wf-menu-icon: #7f849c;

  /* Input */
  --wf-input-background: #1e1e2e;
  --wf-input-background-hover: #45475a;
  --wf-input-default: #6c7086;
  --wf-input-active: #89b4fa;

  /* Text, Highlight and Tag colors */
  --wf-tag-background: #45475a;
  --wf-tag-text: #cdd6f4;

  --wf-tag-text-red: #f38ba8;
  --wf-tag-background-red: #f38ba899;

  --wf-tag-text-orange: #fab387;
  --wf-tag-background-orange: #fab38799;

  --wf-tag-text-yellow: #f9e2af;
  --wf-tag-background-yellow: #f9e2af99;

  --wf-tag-text-green: #a6e3a1;
  --wf-tag-background-green: #a6e3a199;

  --wf-tag-text-blue: #89b4fa;
  --wf-tag-background-blue: #89b4fa99;

  --wf-tag-text-purple: #cba6f7;
  --wf-tag-background-purple: #cba6f799;

  --wf-tag-text-gray: #a6adc8;
  --wf-tag-background-gray: #a6adc899;

  --wf-tag-text-teal: #94e2d5;
  --wf-tag-background-teal: #94e2d599;

  --wf-tag-text-sky: #89dceb;
  --wf-tag-background-sky: #89dceb99;

  --wf-tag-text-pink: #f5c2e7;
  --wf-tag-background-pink: #f5c2e799;

  /* Misc */
  --wf-highlight: #7f849c;
  --wf-search-highlight: #45475a;
  --wf-icon-star: #f9e2af;
  --wf-page-shadow: none;
  --wf-present-theme: dark;
  --wf-payment-stripe-theme: night;

  /* Scrollbar */
  --webkit-scrollbar-track: transparent;
  --webkit-scrollbar-thumb: #181825;
  --webkit-scrollbar-thumb-hover: #11111b;

  /* Text-annotation icon colors */
  --text-annotation-icon-colors-mentioned: #89b4fa;
  --text-annotation-icon-colors-added: #a6e3a1;
  --text-annotation-icon-colors-moved: #cba6f7;
  --text-annotation-icon-colors-completed: #7f849c;
  --text-annotation-icon-colors-edited: #fab387;

  /* Text-annotation background colors */
  --text-annotation-background-colors-mentioned: #313244;
  --text-annotation-background-colors-added: #244232;
  --text-annotation-background-colors-moved: #32274a;
  --text-annotation-background-colors-completed: #2b2e3a;
  --text-annotation-background-colors-edited: #3e3326;

  /* Shadows */
  --root-thread-box-shadow: rgba(0,0,0,0.45) 0 7px 9px -4px,
                           rgba(0,0,0,0.30) 0 14px 21px 2px,
                           rgba(0,0,0,0.28) 0 5px 26px 4px;
  --comment-box-shadow: 0 3px 3px -2px rgba(0,0,0,0.45),
                        0 3px 4px 0 rgba(0,0,0,0.40),
                        0 1px 8px 0 rgba(0,0,0,0.38);
  --comment-box-shadow-stacked-2: 0 3px 3px -2px rgba(0,0,0,0.45),
                                  0 3px 4px 0 rgba(0,0,0,0.40),
                                  0 1px 8px 0 rgba(0,0,0,0.38),
                                  0 10px 0 -5px #2b2e3a,
                                  0 13px 3px -7px rgba(0,0,0,0.40),
                                  0 13px 4px -5px rgba(0,0,0,0.40),
                                  0 11px 8px -5px rgba(0,0,0,0.40),
                                  0 20px 0 -10px #2b2e3a,
                                  0 23px 3px -12px rgba(0,0,0,0.40),
                                  0 23px 4px -10px rgba(0,0,0,0.40),
                                  0 21px 8px -10px rgba(0,0,0,0.40);
}