/******************************************************************************
 *                  Dark-mode Colors for the W3C specifications
 *
 * This style sheet overlays base.css in order to provide colors for dark mode.
 * Import this stylesheet via
 *   <link rel="stylesheet" media="(prefers-color-scheme: dark)" href="...">
 *
 ******************************************************************************/

/* In case a transparent-bg image doesn't expect to be on a dark bg,
   which is quite common in practice... */
img { background: white; }

:root {
	--text: #ddd;
	--bg: black;

	--unofficial-watermark: url(./assets/UD-watermark-dark.svg);

	--logo-bg: #1a5e9a;
	--logo-active-bg: #c00;
	--logo-text: white;

	--tocnav-normal-text: #999;
	--tocnav-normal-bg: var(--bg);
	--tocnav-hover-text: var(--tocnav-normal-text);
	--tocnav-hover-bg: #080808;
	--tocnav-active-text: #f44;
	--tocnav-active-bg: var(--tocnav-normal-bg);

	--tocsidebar-text: var(--text);
	--tocsidebar-bg: #080808;
	--tocsidebar-shadow: rgba(255,255,255,.1);
	--tocsidebar-heading-text: hsla(203,20%,40%,.7);

	--toclink-text: var(--text);
	--toclink-underline: #6af;
	--toclink-visited-text: var(--toclink-text);
	--toclink-visited-underline: #054572;

	--heading-text: #8af;

	--hr-text: var(--text);

	--algo-border: #456;

	--del-text: #f44;
	--del-bg: transparent;
	--ins-text: #4a4;
	--ins-bg: transparent;

	--a-normal-text: #6af;
	--a-normal-underline: #555;
	--a-visited-text: var(--a-normal-text);
	--a-visited-underline: var(--a-normal-underline);
	--a-hover-bg: rgba(25%, 25%, 25%, .2);
	--a-active-text: #f44;
	--a-active-underline: var(--a-active-text);

	--borderedblock-bg: rgba(255, 255, 255, .05);

	--blockquote-border: silver;
	--blockquote-bg: var(--borderedblock-bg);
	--blockquote-text: currentcolor;

	--issue-border: #e05252;
	--issue-bg: var(--borderedblock-bg);
	--issue-text: var(--text);
	--issueheading-text: hsl(0deg, 70%, 70%);

	--example-border: hsl(50deg, 90%, 60%);
	--example-bg: var(--borderedblock-bg);
	--example-text: var(--text);
	--exampleheading-text: hsl(50deg, 70%, 70%);

	--note-border: hsl(120deg, 100%, 35%);
	--note-bg: var(--borderedblock-bg);
	--note-text: var(--text);
	--noteheading-text: hsl(120, 70%, 70%);
	--notesummary-underline: silver;

	--advisement-border: orange;
	--advisement-bg: #222218;
	--advisement-text: var(--text);
	--advisementheading-text: #f84;

	--amendment-border: #330099;
	--amendment-bg: var(--borderedblock-bg);
	--amendment-text: var(--text);
	--amendmentheading-text: #a086ff;

	--amendment-border: #330099;
	--amendment-bg: #080010;
	--amendment-text: var(--text);
	--amendmentheading-text: #cc00ff;

	--warning-border: red;
	--warning-bg: hsla(40,100%,20%,0.95);
	--warning-text: var(--text);

	--def-border: #8ccbf2;
	--def-bg: #080818;
	--def-text: var(--text);
	--defrow-border: #136;

	--datacell-border: silver;

	--indexinfo-text: #aaa;

	--indextable-hover-text: var(--text);
	--indextable-hover-bg: #181818;

	--outdatedspec-bg: rgba(255, 255, 255, .5);
	--outdatedspec-text: black;
	--outdated-bg: maroon;
	--outdated-text: white;
	--outdated-shadow: red;

	--editedrec-bg: darkorange;
}