:root {
  --color-primary: #e1e1ed;
  --color-secondary: #8f8f9f;
  --color-tertiary: #727280;
  --color-on-accent: #080809;
  --color-brand: #9aea63;
  --color-error: #ff5252;

  --surface-page: #080809;
  --surface-surface: #151517;
  --surface-raised: #212124;
  --surface-elements: #333338;

  --text-primary: #e8e8f3;
  --text-secondary: #c9c9c9;
  --text-tertiary: #818189;
  --text-on-accent: #080809;
  --text-brand: #9aea63;
  --text-error: #e44b55;

  --divider: #202020;

  --action-ghost-hover: rgb(154 234 99 / 20%);
  --action-ghost-content-default: #9aea63;
  --action-ghost-content-hover: #9aea63;
  --action-ghost-content-disabled: #548036;

  --action-grey-default: rgb(255 255 255 / 16%);
  --action-grey-hover: rgb(255 255 255 / 20%);
  --action-grey-disabled: rgb(255 255 255 / 20%);
  --action-grey-content-default: #f9f9f9;
  --action-grey-content-hover: #f9f9f9;
  --action-grey-content-disabled: rgb(255 255 255 / 20%);

  --action-primary-default: #9aea63;
  --action-primary-hover: #a4fa6a;
  --action-primary-disabled: #548036;
  --action-primary-content-default: #080809;
  --action-primary-content-hover: #080809;
  --action-primary-content-disabled: #2c4918;

  --action-secondary-hover: rgb(154 234 99 / 20%);
  --action-secondary-border-default: #9aea63;
  --action-secondary-content-default: #9aea63;
  --action-secondary-border-hover: #a4fa6a;
  --action-secondary-content-hover: #9aea63;
  --action-secondary-border-disabled: #548036;
  --action-secondary-content-disabled: #548036;

  --action-tertiary-default: #203115;
  --action-tertiary-hover: #253818;
  --action-tertiary-disabled: #192610;
  --action-tertiary-content-default: #9aea63;
  --action-tertiary-content-hover: #9aea63;
  --action-tertiary-content-disabled: #548036;

  --border-primary: #202020;
  --border-secondary: #45454c;

  --brand-yellow: #e2ce1a;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper p,
.editor-styles-wrapper li,
.editor-styles-wrapper label {
  --text-primary: var(--surface-surface);
  --text-secondary: var(--surface-elements);
}