._theme-neo {

  /* Legacy styling */
  --wf-color-bg-secondary: var(--wf-dark-gray-600);
  --wf-color-background-info: #bedcf1;
  --wf-color-text-warning: var(--wf-yellow-700);
  --wf-color-text-info: var(--wf-dark-blue-500);
  --wf-color-link-01: var(--wf-dark-gray-200); /* Consolidate this */
  --wf-color-link-hover-01: var(--wf-dark-gray-200); /* Consolidate this */

  --gray1: var(--wf-dark-gray-100);
  --gray2: var(--wf-dark-gray-200);
  --gray3: var(--wf-dark-gray-300);
  --gray4: var(--wf-dark-gray-400);
  --gray5: var(--wf-dark-gray-500);
  --gray6: var(--wf-dark-gray-600);
  --gray7: var(--wf-dark-gray-700);
  --gray8: var(--wf-dark-gray-800);
  --accent: #49BAF2;

  /* Refactored tokens */

  /* Backgrounds */
  --wf-background: #141414;
  --wf-background-secondary: #0D0D0D;
  --wf-background-tertiary: #0D0D0D; /* bullet menu hover, board bullet hover, date pills */
  --wf-background-accent: #252525;
  --wf-background-inverse: var(--wf-gray-200);
  --wf-background-inverse-transparent: var(--wf-white-opaque-10);
  --wf-page-background: #141414;

  /* Borders */
  --wf-border-default: #242424;
  --wf-border-active: #49BAF2;
  --wf-border-strong: var(--wf-dark-gray-200);
  --wf-border-subtle: #242424; /* nesting indicator */

  /* Text */
  --wf-text-primary: #DCDBDB;
  --wf-text-secondary: #DCDBDB;
  --wf-text-on-color: var(--wf-dark-gray-100);
  --wf-text-inverse: var(--wf-dark-gray-800);
  --wf-text-helper: var(--wf-dark-gray-300); /* bullet in board */
  --wf-text-disabled: var(--wf-dark-gray-500);
  --wf-text-error: #923333;

  /* Buttons */
  --wf-button-background: #181818;
  --wf-button-background-primary: #49BAF2;
  --wf-button-background-primary-hover: #359BCD;
  --wf-button-background-primary-active: var(--wf-dark-blue-100);
  --wf-button-background-secondary: #242424; /* bullet ring */
  --wf-button-background-secondary-hover: #050505; /* bullet hover ring */
  --wf-button-background-secondary-active: #050505;
  --wf-ghost-button-background-hover: #0d0d0d;
  --wf-ghost-button-background-active: #090909;
  --wf-button-background-danger: #923333;
  --wf-button-background-danger-hover: var(--wf-red-700);
  --wf-button-background-loading: #0d0d0d;
  --wf-button-disabled: var(--wf-dark-gray-600);

  /* Icons */
  --wf-icon-primary: #666666; /* bullets in boards, bullet menu icon, sidebar expand & close icon, text format widget icons*/
  --wf-icon-secondary: #c1c1c1; /* bullet, bullet ring hover in boards */
  --wf-icon-tertiary: #666666; /* dropdown arrow */
  --wf-icon-active: #49BAF2;

  /* Support */
  --wf-support-success: var(--wf-green-700);
  --wf-support-warning: var(--wf-yellow-200);
  --wf-support-error: #923333;

  /* Links */
  --wf-link-primary: #787878;
  --wf-link-secondary: #787878;


  /* Header */
  --wf-header-background: #141414;
  --wf-header-text: #808080;
  --wf-header-icon: #666666;
  --wf-header-text-secondary: #DCDBDB;
  --wf-header-border: #2d2d2d;
  --wf-header-button-background-hover: #0D0D0D; /* Header icon background hover */
  --wf-header-button-background-active: var(--wf-dark-gray-500);
  --wf-header-button-background-disabled: var(--wf-dark-gray-500);

  /* Menu */
  --wf-menu-background: #1c1c1c;
  --wf-menu-text: var(--wf-dark-gray-200);
  --wf-menu-border: #2f2f2f;
  --wf-menu-icon: #808080;

  /* Input */
  --wf-input-background: #141414;
  --wf-input-background-hover: var(--wf-dark-gray-500);
  --wf-input-default: #535353;
  --wf-input-active: #4aafe2;

  /* Text, Highlight and Tag colors */
  --wf-tag-background: var(--wf-dark-gray-500);
  --wf-tag-text: #DCDBDB;
  --wf-tag-text-red: #B3565F;
  --wf-tag-background-red: #b3565f70;
  --wf-tag-text-orange: #ECA779;
  --wf-tag-background-orange: #ECA77970;
  --wf-tag-text-yellow: #E4C183;
  --wf-tag-background-yellow: #E4C18370;
  --wf-tag-text-green: #99B684;
  --wf-tag-background-green: #99B68470;
  --wf-tag-text-blue: #76A9FA;
  --wf-tag-background-blue: #76A9FA70;
  --wf-tag-text-purple: #9E8FEC;
  --wf-tag-background-purple: #9e8fec70;
  --wf-tag-text-gray: #97A6BA;
  --wf-tag-background-gray: #97A6BA70;
  --wf-tag-text-teal: #78CBC7;
  --wf-tag-background-teal: #78CBC770;
  --wf-tag-text-sky: #38BDF8;
  --wf-tag-background-sky: #38BDF870;
  --wf-tag-text-pink: #D466CC;
  --wf-tag-background-pink: #D466CC70;

  /* Misc */
  --wf-highlight: #2e2e2e;
  --wf-search-highlight: #666666;
  --wf-icon-star: var(--wf-yellow-200);
  --wf-page-shadow: none;
  --wf-present-theme: dark;
  --wf-payment-stripe-theme: night;

  --webkit-scrollbar-track: none; /* Scrollbar background color */
  --webkit-scrollbar-thumb: #0D0D0D; /* Scrollbar drag handle color */
  --webkit-scrollbar-thumb-hover: #0d0d0d; /* Scrollbar drag handle hover color */

  --text-annotation-icon-colors-mentioned: #49BAF2;
  --text-annotation-icon-colors-added: #057A55;
  --text-annotation-icon-colors-moved: #9F580A;
  --text-annotation-icon-colors-completed: #64748B;
  --text-annotation-icon-colors-edited: #9F580A;

  --text-annotation-background-colors-mentioned: #2b2b2b;
  --text-annotation-background-colors-added: #2E6046;
  --text-annotation-background-colors-moved: #584080;
  --text-annotation-background-colors-completed: #475569;
  --text-annotation-background-colors-edited: #534B2F;

  --root-thread-box-shadow: rgba(0, 0, 0, 0.4) 0px 7px 9px -4px, rgba(0, 0, 0, 0.28) 0px 14px 21px 2px, rgba(0, 0, 0, 0.24) 0px 5px 26px 4px;
  --comment-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.4),
  0px 3px 4px 0px rgba(0, 0, 0, 0.4),
  0px 1px 8px 0px rgba(0, 0, 0, 0.4);

  --comment-box-shadow-stacked-2: 0px 3px 3px -2px rgba(0, 0, 0, 0.4),
  0px 3px 4px 0px rgba(0, 0, 0, 0.4),
  0px 1px 8px 0px rgba(0, 0, 0, 0.4),
  0 10px 0 -5px #2a3135,
  0px 13px 3px -7px rgba(0, 0, 0, 0.4),
  0px 13px 4px -5px rgba(0, 0, 0, 0.4),
  0px 11px 8px -5px rgba(0, 0, 0, 0.4),
  0 20px 0 -10px #2a3135,
  0px 23px 3px -12px rgba(0, 0, 0, 0.4),
  0px 23px 4px -10px rgba(0, 0, 0, 0.4),
  0px 21px 8px -10px rgba(0, 0, 0, 0.4);
}
