/* electron or chrome colors slightly off, so appending hex color opacity of fc (99%) */

/* import custom fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap');

/* base settings */
:root {
  /* font */
  --sn-stylekit-monospace-font: 'Fira Code', monospace; /* includes ligatures */

  /* notes-column, editor and markdown */
  --sn-stylekit-background-color: #1e1e1efc;
  --sn-stylekit-foreground-color: #d4d4d4fc;  

  /* tags-content */
  --sn-stylekit-secondary-background-color: var(--sn-stylekit-background-color);
  --sn-stylekit-secondary-foreground-color: var(--sn-stylekit-foreground-color);

  /* notes-menu-bar and editor-menu-bar */
  --sn-stylekit-contrast-background-color: var(--sn-stylekit-background-color);
  --sn-stylekit-contrast-foreground-color: var(--sn-stylekit-foreground-color);

  /* tags-content */
  --sn-stylekit-secondary-contrast-background-color: var(--sn-stylekit-background-color);
  --sn-stylekit-secondary-contrast-foreground-color: var(--sn-stylekit-foreground-color);

  /* shadow */
  --sn-stylekit-shadow-color: #000000fc;

  /* borders */
  --sn-stylekit-border-color: #414141fc;
  --sn-stylekit-secondary-border-color: var(--sn-stylekit-border-color);
  --sn-stylekit-contrast-border-color: var(--sn-stylekit-border-color);
  --sn-stylekit-secondary-contrast-border-color: var(--sn-stylekit-border-color);  

  /* scrollbar */
  --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-border-color);

  /* extensions info and descriptions */
  --sn-stylekit-info-color: #569cd6fc;
  --sn-stylekit-paragraph-text-color: #6b6b6bfc;
}