.editor-container {
  --color-placeholder: rgba(var(--color-text-100), 0.5);

  /* font sizes and line heights */
  &.large-font {
    --font-size-h1: 1.75rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.375rem;
    --font-size-h4: 1.25rem;
    --font-size-h5: 1.125rem;
    --font-size-h6: 1rem;
    --font-size-regular: 1rem;
    --font-size-code: 0.85rem;
    --font-size-list: var(--font-size-regular);

    --line-height-h1: 2.25rem;
    --line-height-h2: 2rem;
    --line-height-h3: 1.75rem;
    --line-height-h4: 1.5rem;
    --line-height-h5: 1.5rem;
    --line-height-h6: 1.5rem;
    --line-height-regular: 1.5rem;
    --line-height-code: 1.5rem;
    --line-height-list: var(--line-height-regular);
  }
  &.small-font {
    --font-size-h1: 1.4rem;
    --font-size-h2: 1.2rem;
    --font-size-h3: 1.1rem;
    --font-size-h4: 1rem;
    --font-size-h5: 0.9rem;
    --font-size-h6: 0.8rem;
    --font-size-regular: 0.8rem;
    --font-size-code: 0.8rem;
    --font-size-list: var(--font-size-regular);

    --line-height-h1: 1.8rem;
    --line-height-h2: 1.6rem;
    --line-height-h3: 1.4rem;
    --line-height-h4: 1.2rem;
    --line-height-h5: 1.2rem;
    --line-height-h6: 1.2rem;
    --line-height-regular: 1.2rem;
    --line-height-code: 1.2rem;
    --line-height-list: var(--line-height-regular);
  }
  /* end font sizes and line heights */

  /* font styles */
  &.sans-serif {
    --font-style: "Inter", sans-serif;
  }
  &.serif {
    --font-style: serif;
  }
  &.monospace {
    --font-style: monospace;
  }
  /* end font styles */
}