:root {
  --sn-stylekit-neutral-color: #6A696F;
  --sn-stylekit-neutral-contrast-color: #FAFBFF;

  --sn-stylekit-info-color: #0a84ff;
  --sn-stylekit-info-contrast-color: #FAFBFF;

  --sn-stylekit-success-color: #59A800;
  --sn-stylekit-success-contrast-color: #FAFBFF;

  --sn-stylekit-warning-color: #ff9f0a;
  --sn-stylekit-warning-contrast-color: #FAFBFF;

  --sn-stylekit-danger-color: #ff4530;
  --sn-stylekit-danger-contrast-color: #FAFBFF;

  --sn-stylekit-shadow-color: #1c1c1e;

  --sn-stylekit-background-color: #3a3a3c;
  --sn-stylekit-foreground-color: #FAFBFF;
  --sn-stylekit-border-color: #2c2c2e;

  --sn-stylekit-contrast-background-color: #48484a;
  --sn-stylekit-contrast-foreground-color: #FAFBFF;
  --sn-stylekit-contrast-border-color: #2A2A2B;

  --sn-stylekit-secondary-background-color: #48484a;
  --sn-stylekit-secondary-foreground-color: #FAFBFF;
  --sn-stylekit-secondary-border-color: #2A2A2B;

  --sn-stylekit-secondary-contrast-background-color: #3a3a3c;
  --sn-stylekit-secondary-contrast-foreground-color: #FAFBFF;
  --sn-stylekit--secondary-contrast-border-color: #2A2A2B;

  --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
  --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);

  --sn-stylekit-paragraph-text-color: #FAFBFF;

  --sn-stylekit-input-placeholder-color: #929195;
  --sn-stylekit-input-border-color: #272729;

  --sn-stylekit-scrollbar-thumb-color: #7F7F7F;
  --sn-stylekit-scrollbar-track-border-color: #8A8A8A;
}