/* ////////// */
/* Dark Theme */
/* ////////// */

/* Do not edit this file. Instead, edit the custom_theme.css file. */

:root{
	color-scheme: dark;
  
	--color-text: rgb(255 255 255);
	--color-text-inverted: rgb(0 0 0);
	--color-text-dimmed: rgb(140, 140, 140);
	--color-text-on-primary: rgb(255 255 255);
	--color-dimmed: rgba(0, 0, 0, 0.3);
	--color-dimmed-more: rgba(0, 0, 0, 0.6);
	--color-dimmed-less: rgba(0, 0, 0, 0.15);
	
	--color-elevated: rgba(255, 255, 255, 0.1);
	--color-elevated-more: rgba(255, 255, 255, 0.15);
	--color-elevated-less: rgba(255, 255, 255, 0.05);
	--color-sunken: rgba(0, 0, 0, 0.1);
	--color-sunken-more: rgba(0, 0, 0, 0.2);
	--color-sunken-less: rgba(0, 0, 0, 0.05);
	
	--color-fg-primary: rgb(190 190 190);
	--color-fg-secondary: rgb(255 255 255);
	
	--color-bg-0: rgb(20 20 21);
	--color-bg-1: rgb(25 25 26);
	--color-bg-1-alt: rgb(30 30 31);
	--color-bg-2: rgb(33 33 34);
	--color-bg-2-alt: rgb(36 36 37);
	--color-bg-2-alt-1: rgb(55 55 58);
	--color-bg-3: rgb(42 42 43);
	--color-bg-4: rgb(45 45 46);

	--color-bg-input: rgb(25 25 26);
	--color-bg-input-alt: rgb(30 30 31);
	--color-bg-input-transparent: rgba(0, 0, 0, 0.2);
	
	--color-border-0: rgb(28 28 30);
	--color-border-1: var(--color-bg-3);
	--color-border-2: rgb(28 28 30);
	--color-border-3: rgb(30 30 32);
	--color-border-4: rgb(45 45 47);
	--color-border-placeholder: var(--color-text);
	--color-border-input-transparent: rgba(0, 0, 0, 0.1); /* Rendered on top(!) of bg-color */

	--color-scrollbar: rgba(255, 255, 255, 0.1);

	--color-shadow: rgba(0, 0, 0, 0.25);

	--color-nav-icon: var(--color-text-dimmed);

	/* Shadows */
	
	--shadow-wrapper: none;
	--shadow-header: none;
	--shadow-menu: 3px 0 3px 0 rgba(0, 0, 0, 0.25);
	--shadow-big: none;
	--shadow-small: none;
}