/* @override 
	http://127.0.0.1/~jlm/www/css/color-scheme.css
	https://www.lip6.fr/css/color-scheme.css
*/

/* @group dark */

html {
    content: ""; /* (ab)using the content property */
}

:root { /* Gray */
	--line-height: 1.2em;
	--font-family : sans-serif;
	--font-size: 1.5em;
}


:root { /* Gray */
	--gray_color_50: #FAFAFA;
	--gray_color_100: #F5F5F5;
	--gray_color_200: #EEEEEE;
	--gray_color_300: #E0E0E0;
	--gray_color_400: #BDBDBD;
	--gray_color_500: #9E9E9E;
	--gray_color_600: #757575;
	--gray_color_700: #616161;
	--gray_color_800: #424242;
	--gray_color_900: #212121;
}

:root {
	--color_scheme_background: var(--primary_color_50);
	--color_scheme_background_light: var(--gray_color_50);
	--color_scheme_background_even: var(--primary_color_50);
    --color_scheme_text_color: var(--gray_color_700);
	--color_scheme_tab_background: var(--primary_color_50);
	--color_scheme_selected_tab_background: var(--primary_color_600);
	--color_scheme_over_tab_background: var(--primary_color_A700);
	--color_scheme_tab_text_color: var(--primary_color_900);
	--color_scheme_selected_tab_text_color: var(--primary_color_50);
	--color_scheme_list_header_text_color: var(--primary_color_50);
	--color_scheme_list_header_text_background: var(--gray_color_400);
	--color_scheme_field_background: var(--primary_color_50);
	--color_scheme_field_border: var(--primary_color_300);
	--color_scheme_link_text_color: var(--primary_color_A700);
	--color_scheme_link_hover_text_color: var(--primary_color_A700);
	--color_scheme_light_text_color: var(--primary_color_500);
	--color_scheme_secondary_link_text_color: var(--secondary_color_700);
	--color_scheme_secondary_link_hover_text_color: var(--secondary_color_A700);
	--color_scheme_h1_text_color: var(--secondary_color_A700);
	--color_scheme_h2_text_color: var(--secondary_color_A600);
	--color_scheme_h3_text_color: var(--secondary_color_A400);
}
/* Light mode */
@media (prefers-color-scheme: light) {
    html {
        content: "light"; /* (ab)using the content property */
    }
    .dark {
	display: none;
}
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--color_scheme_background: black;
		--color_scheme_background_light: var(--gray_color_800);
		--color_scheme_text_color: white;
		--color_scheme_background_even: var(--gray_color_800);
		--color_scheme_tab_background: var(--gray_color_700);
		--color_scheme_selected_tab_background: var(--gray_color_600);
		--color_scheme_over_tab_background: var(--primary_color_A200);
		--color_scheme_tab_text_color: var(--gray_color_200);
		--color_scheme_selected_tab_text_color: var(--gray_color_200);
		--color_scheme_list_header_text_color: var(--primary_color_50);
		--color_scheme_list_header_text_background: var(--gray_color_900);
		--color_scheme_field_background: var(--gray_color_800);
		--color_scheme_field_border: var(--primary_color_100);
		--color_scheme_link_text_color: var(--primary_color_200);
		--color_scheme_link_hover_text_color:  var(--primary_color_A200);
		--color_scheme_light_text_color: silver;
		--color_scheme_secondary_link_text_color: var(--secondary_color_100);
		--color_scheme_secondary_link_hover_text_color: var(--secondary_color_A100);
		}
	html {
		content: "dark"; /* (ab)using the content property */
	}
    .light {
	display: none;
}
}

body {
	color: var(--color_scheme_text_color);
	background-color: var(--color_scheme_background);
}