/* /////////// */
/* Light Theme */
/* /////////// */

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

:root{
	color-scheme: light;
  
	--color-text: rgb(0 0 0);
	--color-text-inverted: rgb(255 255 255);
	--color-text-dimmed: rgb(120, 120, 120);
	--color-text-on-primary: rgb(255 255 255);
	--color-dimmed: rgba(0, 0, 0, 0.08);
	--color-dimmed-more: rgba(0, 0, 0, 0.15);
	--color-dimmed-less: rgba(0, 0, 0, 0.04);
	
	--color-elevated: rgba(255, 255, 255, 0.7);
	--color-elevated-more: rgba(255, 255, 255, 0.85);
	--color-elevated-less: rgba(255, 255, 255, 0.5);
	--color-sunken: rgba(0, 0, 0, 0.04);
	--color-sunken-more: rgba(0, 0, 0, 0.08);
	--color-sunken-less: rgba(0, 0, 0, 0.02);
	
	--color-fg-primary: rgb(60 60 60);
	--color-fg-secondary: rgb(0 0 0);
	
	--color-bg-0: rgb(252 253 255);
	--color-bg-1: rgb(245 246 250);	
	--color-bg-1-alt: rgb(220 221 223);
	--color-bg-2: rgb(252 253 255);
	--color-bg-2-alt: rgb(245 245 245);
	--color-bg-2-alt-1: rgb(238 238 238);
	--color-bg-3: rgb(230 230 235);
	--color-bg-4: rgb(255 255 255);

	--color-bg-input: rgb(255 255 255);
	--color-bg-input-alt: rgb(248 248 250);
	--color-bg-input-transparent: rgba(255, 255, 255, 1);
	
	--color-border-0: rgb(230 230 230);
	--color-border-1: var(--color-bg-3);
	--color-border-2: rgb(240 240 240);
	--color-border-placeholder: var(--color-text);
	--color-border-input-transparent: rgba(0, 0, 0, 0.1);

	--color-scrollbar: rgba(0, 0, 0, 0.15);

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

	--color-nav-icon: rgb(40 40 40);

	/* Shadows */
	
	--shadow-wrapper: 0px 0px 30px 0px rgba(0, 0, 0, 0.05) inset;
	--shadow-header: 250px 0px 50px 0px rgba(0, 0, 0, 0.1);
	--shadow-menu: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	--shadow-big: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
	--shadow-small: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);

}