/* Red Wine color for light color scheme (Default) */
/* Can be forced with data-theme="light" */
[data-theme=light],
:root:not([data-theme=dark]) {
	--pico-text-selection-color: rgba(128, 0, 32, 0.25);
	--pico-primary: #800020;
	--pico-primary-background: #990033;
	--pico-primary-underline: rgba(128, 0, 32, 0.5);
	--pico-primary-hover: #66001a;
	--pico-primary-hover-background: #800020;
	--pico-primary-focus: rgba(128, 0, 32, 0.5);
	--pico-primary-inverse: #fff;
}

/* Red Wine color for dark color scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--pico-text-selection-color: rgba(139, 0, 34, 0.1875);
		--pico-primary: #a52a2a;
		--pico-primary-background: #800020;
		--pico-primary-underline: rgba(139, 0, 34, 0.5);
		--pico-primary-hover: #b22222;
		--pico-primary-hover-background: #8b0000;
		--pico-primary-focus: rgba(139, 0, 34, 0.375);
		--pico-primary-inverse: #fff;
	}
}

/* Red Wine color for dark color scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme=dark] {
	--pico-text-selection-color: rgba(139, 0, 34, 0.1875);
	--pico-primary: #a52a2a;
	--pico-primary-background: #800020;
	--pico-primary-underline: rgba(139, 0, 34, 0.5);
	--pico-primary-hover: #b22222;
	--pico-primary-hover-background: #8b0000;
	--pico-primary-focus: rgba(139, 0, 34, 0.375);
	--pico-primary-inverse: #fff;
}

/**********/

main {
	margin: 2rem auto;
	width: 100dvw;
	height: calc(100dvh - 4rem);
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	text-align: center;
	font-family: system-ui;
	padding: 0 !important;

	h1 {
		font-size: 3rem;
	}

	img.logo {
		display: block;
		margin: 0 auto;
		max-width: 200px;
	}

	span.logo {
		font-size: 4rem;
	}

	.tac {
		text-align: center !important;
	}

	table {
		max-width: 21rem; /* 399px */

		thead {
			td {
				border-width: 0;
			}
		}

		tfoot {
			td {
				padding-top: 1rem !important;
			}
		}

		h2 {
			margin: 0;
			padding: 0;
		}
	}
		
	#language-switcher {
		width: auto;
	}
}