:root {
  --primary-light: #525354;
  --primary: #47494A;
  --primary-dark: #252A2F;

  --secondary-light: #BDE4A8;
  --secondary: #8A9A5B;
  --secondary-dark: #4A5D23;

  --ui-text-color: #ffffff;
  --ui-border-color: #121212;

  --sn-stylekit-info-color: var(--secondary-light);
  --sn-stylekit-info-contrast-color: var(--primary-dark);

  --sn-stylekit-neutral-color: #C7C7C7;
  --sn-stylekit-neutral-contrast-color: var(--ui-text-color);

  --sn-stylekit-success-color: #00A86B;
  --sn-stylekit-success-contrast-color: var(--ui-text-color);

  --sn-stylekit-warning-color: #E3AB57;
  --sn-stylekit-warning-contrast-color: var(--ui-text-color);

  --sn-stylekit-danger-color: #733635;
  --sn-stylekit-danger-contrast-color: var(--ui-text-color);

  --sn-desktop-titlebar-bg-color: var(--primary-dark);
  --sn-desktop-titlebar-border-color: var(--ui-border-color);
  --sn-desktop-titlebar-ui-color: var(--ui-text-color);
  --sn-desktop-titlebar-ui-hover-color: var(--secondary-light);

  --sn-stylekit-shadow-color: var(--primary-light);

  --sn-stylekit-background-color: var(--primary-dark);
  --sn-stylekit-border-color: var(--ui-border-color);
  --sn-stylekit-foreground-color: var(--ui-text-color);

  --sn-stylekit-contrast-background-color: var(--primary);
  --sn-stylekit-contrast-foreground-color: var(--ui-text-color);
  --sn-stylekit-contrast-border-color: var(--ui-border-color);

  --sn-stylekit-secondary-background-color: var(--primary);
  --sn-stylekit-secondary-foreground-color: var(--ui-text-color);
  --sn-stylekit-secondary-border-color: var(--ui-border-color);

  --sn-stylekit-secondary-contrast-background-color: var(--primary-light);
  --sn-stylekit-secondary-contrast-foreground-color: var(--ui-text-color);
  --sn-stylekit-secondary-contrast-border-color: var(--ui-border-color);

  --sn-stylekit-editor-background-color: var(--primary-dark);
  --sn-stylekit-editor-foreground-color: var(--ui-text-color);

  --sn-stylekit-paragraph-text-color: var(--ui-text-color);

  --sn-stylekit-input-placeholder-color: var(--primary-light);
  --sn-stylekit-input-border-color: var(--ui-border-color);

  --sn-stylekit-scrollbar-track-border-color: var(--ui-border-color);
  --sn-stylekit-scrollbar-thumb-color: var(--secondary-light);

  ::placeholder { color: var(--secondary); }
}