._theme-moon {

    /* Legacy (kept sensible) */
  --wf-color-bg-secondary: #DFDEF2;
  --wf-color-background-info: #E4D8EA;
  --wf-color-text-warning: #5A4A60;
  --wf-color-text-info: #8B7B9B;
  --wf-color-link-01: #9B8BA8;
  --wf-color-link-hover-01: #7A6A88;

  --gray1: #2A2833;
  --gray2: #4A4855;
  --gray3: #6A6878;
  --gray4: #8A889B;
  --gray5: #AAA8BD;
  --gray6: #CAC8DD;
  --gray7: #E5E4F2;
  --gray8: #F5F4FB;
  --accent: #B2B1D2;

  /* Refactored tokens */

  /* Backgrounds */
  --wf-background: #FDF6F6;
  --wf-background-secondary: #FCEFF0;
  --wf-background-tertiary: #DFDEF2;
  --wf-page-background: #FDF6F6;
  --wf-background-accent: #E4D8EA;
  --wf-background-inverse: #4A4855;
  --wf-background-inverse-transparent: #4a48551a;

  /* Borders */
  --wf-border-default: #E4D8EA;
  --wf-border-active: #9B8BA8;
  --wf-border-subtle: #FCF2F5;
  --wf-border-strong: #8A889B;

  /* Text */
  --wf-text-primary: #615F7F;
  --wf-text-secondary: #8B6FA8;
  --wf-text-on-color: #8B6FA8;
  --wf-text-inverse: #FDF6F6;
  --wf-text-helper: #8B6FA8;
  --wf-text-disabled: #AAA8BD;
  --wf-text-error: #D66B6B;

  /* Buttons */
  --wf-button-background: #DFDEF2;
  --wf-button-background-primary: #E4D8EA;
  --wf-button-background-primary-hover: #D1C3DB;
  --wf-button-background-primary-active: #C0AFCB;
  --wf-button-background-secondary: #E4D8EA;
  --wf-button-background-secondary-hover: #B2B1D2;
  --wf-button-background-secondary-active: #EDD6DD;
  --wf-ghost-button-background-hover: #FCF2F5;
  --wf-ghost-button-background-active: #F5E4E9;
  --wf-button-background-danger: #FDCDC8;
  --wf-button-background-danger-hover: #FCB9B2;
  --wf-button-background-danger-active: #FBA59C;
  --wf-button-background-loading: #E5E4F2;
  --wf-button-disabled: #E5E4F2;

  /* Icons */
  --wf-icon-primary: #8A889B;
  --wf-icon-secondary: #8B6FA8;
  --wf-icon-tertiary: #AAA8BD;
  --wf-icon-active: #9B8BA8;

  /* Support */
  --wf-support-success: #8BC9A5;
  --wf-support-warning: #F4D8A0;
  --wf-support-error: #FDCDC8;

  /* Links */
  --wf-link-primary: #9B8BA8;
  --wf-link-secondary: #7A6A88;

  /* Header */
  --wf-header-background: #FBF0F1;
  --wf-header-border: #E4D8EA;
  --wf-header-text: #8B6FA8;
  --wf-header-icon: #8A889B;
  --wf-header-text-secondary: #4A4855;
  --wf-header-button-background-hover: #DFDEF2;
  --wf-header-button-background-active: #E4D8EA;
  --wf-header-button-background-disabled: #E5E4F2;

  /* Menu */
  --wf-menu-background: #FDF6F6;
  --wf-menu-text: #8B6FA8;
  --wf-menu-border: #E4D8EA;
  --wf-menu-icon: #5e5155;

  /* Input */
  --wf-input-background: #FFFFFF;
  --wf-input-background-hover: #F5F4FB;
  --wf-input-default: #CAC8DD;
  --wf-input-active: #9B8BA8;

  /* Text, Highlight and Tag colors */
  --wf-tag-text: #2A2833;
  --wf-tag-background: #E5E4F2;

  --wf-tag-text-red: #C85B5B;
  --wf-tag-background-red: #FDCDC8;

  --wf-tag-text-orange: #D97E5B;
  --wf-tag-background-orange: #F6DFBB;

  --wf-tag-text-yellow: #C9A84F;
  --wf-tag-background-yellow: #F9ECC7;

  --wf-tag-text-green: #5FA876;
  --wf-tag-background-green: #D4F0DD;

  --wf-tag-text-blue: #6B8BC9;
  --wf-tag-background-blue: #C9D8F4;

  --wf-tag-text-purple: #8B6FA8;
  --wf-tag-background-purple: #E4D8EA;

  --wf-tag-text-gray: #7c788c;
  --wf-tag-background-gray: #e4e4e4;

  --wf-tag-text-teal: #5DA39E;
  --wf-tag-background-teal: #C9E8E6;

  --wf-tag-text-sky: #5B9BC9;
  --wf-tag-background-sky: #C8E4F4;

  --wf-tag-text-pink: #C96BA8;
  --wf-tag-background-pink: #fad5ed;

  /* Misc */
  --wf-highlight: #bfacd4;
  --wf-search-highlight: #FFEDD1;
  --wf-icon-star: #F4D8A0;
  --wf-page-shadow: none;
  --wf-present-theme: light;
  --wf-payment-stripe-theme: stripe;

  /* Scrollbar */
  --webkit-scrollbar-track: transparent;
  --webkit-scrollbar-thumb: #E4D8EA;
  --webkit-scrollbar-thumb-hover: #D1C3DB;

  /* Text-annotation icon colors */
  --text-annotation-icon-colors-mentioned: #6B8BC9;
  --text-annotation-icon-colors-added: #5FA876;
  --text-annotation-icon-colors-moved: #8B6FA8;
  --text-annotation-icon-colors-completed: #8A889B;
  --text-annotation-icon-colors-edited: #D97E5B;

  /* Text-annotation background colors */
  --text-annotation-background-colors-mentioned: #E8EEF9;
  --text-annotation-background-colors-added: #E4F5EA;
  --text-annotation-background-colors-moved: #EFE8F5;
  --text-annotation-background-colors-completed: #EFEEF5;
  --text-annotation-background-colors-edited: #FFF0E8;

  /* Shadows */
  --root-thread-box-shadow: rgba(223, 222, 242, 0.3) 0px 7px 9px -4px,
                            rgba(223, 222, 242, 0.2) 0px 14px 21px 2px,
                            rgba(223, 222, 242, 0.15) 0px 5px 26px 4px;
  --comment-box-shadow: 0px 3px 3px -2px rgba(223, 222, 242, 0.3),
                        0px 3px 4px 0px rgba(223, 222, 242, 0.2),
                        0px 1px 8px 0px rgba(223, 222, 242, 0.15);
  --comment-box-shadow-stacked-2: 0px 3px 3px -2px rgba(223, 222, 242, 0.3),
                                  0px 3px 4px 0px rgba(223, 222, 242, 0.2),
                                  0px 1px 8px 0px rgba(223, 222, 242, 0.15),
                                  0 10px 0 -5px #FBF0F1,
                                  0px 13px 3px -7px rgba(223, 222, 242, 0.3),
                                  0px 13px 4px -5px rgba(223, 222, 242, 0.2),
                                  0px 11px 8px -5px rgba(223, 222, 242, 0.15),
                                  0 20px 0 -10px #FBF0F1,
                                  0px 23px 3px -12px rgba(223, 222, 242, 0.3),
                                  0px 23px 4px -10px rgba(223, 222, 242, 0.2),
                                  0px 21px 8px -10px rgba(223, 222, 242, 0.15);
}

