:root {
  --surface-secondary-press: #ab99ff; /** Secondary button bg - pressed state */
  --border-primary-on-color-alt: #8845c8; /** Stroke on gradient surface, Display button stroke */
  --surface-primary-default: #561496; /** Primary button bg */
  --text-highlight-on-color: #340059; /** New label text color on default highlight surface */
  --surface-highlight-default: #ffe600; /** New label */
  --text-highlight-default: #ffdc00;
  --text-default: #14142b; /** Default text color on default or page surface */
  --surface-default: #ffffff; /** card or container bg */
  --text-secondary-default: #707070; /** Secondary text color */
  --surface-default-dark: #290241;
  --gray-dark: #4b4b4c;
  --icon-primary-on-color: rgba(255, 255, 255, 0.48);
  --icon-default: rgba(75, 75, 76, 0.48);
  --gray-semi-dark-4: rgba(75, 75, 76, 0.8);
  --text-tertiary-default: rgba(226, 226, 229, 0.8);
  --accent-purple: #8656ed;
  --surface-primary-promo: #b900ab;
  --border-primary-focus: #7a1dd7;
  --surface-page: #fbeeff;
  --surface-primary-default-subtle: #e7dff7;
  --surface-dark-purple: #e4d2f7;
  --surface-gray: #f7f7fc;
  --surface-error-default-subtle: #f7e5f4;
  --notification-light-red: #ffc3c3;
  --surface-error-default: #ad0000;
  --surface-success-default-subtle: #baedbc;
  --surface-success-default: #026700;
}