/* Parameters for the master layout stylesheet. */
:root {
	/* Teal Repair by Reclaimit colors, a light theme in teal primary colors. */
	--re-teal: #005761;   /* dark; logo: font (fg); menu: selected (bg) */
	--re-teal2: #edf7f6;  /* lighter; menu: selected category */
	--re-gray: #dfe2e8;   /* distinct; tables: header (bg); borders */
	--re-fg: black;       /* foreground; font */
	--re-bg: white;       /* background */
	--re-bg2: #f4f6fb;    /* lightgray; content area: bg */
	--re-pop: #1ae6ca;    /* green, lively, stands out; notification, option */

	/* Specific to the master layout. */
	--img-snabela: url(/images/snabela_white.gif);

	/* Generic for all content and sub-pages. */
	/* Default, a light theme. */
	--bg: var(--re-bg);
	--fg: var(--re-fg);
	--primary: var(--re-teal);

	--font: Roboto-Regular, sans-serif;
	--font-size: 12px;

	/* 
	 N.b. sub-page specific CSS should be provided by the sub-page. The master
	 layout should call the appropriate header function (defined by the sub-page)
	 in order to add specific styles and scripts to the header section. 
	 */
}

/* Already light, nothing to do.
@media (prefers-color-scheme: light) {
	:root {
		--bg: var(--re-bg);
		--fg: var(--re-fg);
	}
}
*/

/* Implement?
@media (prefers-color-scheme: dark) {
	:root {
		--bg: var(--re-fg);
		--fg: var(--re-bg);
	}
}
*/