body    { 	--cta:		rgba(253 205 067 / 1.00); 	/* #fdcd43 · cmyk 000/021/080/000 · Yellow */
    --acc:		rgba(010 203 170 / 1.00); 	/* #0acbaa · cmyk 069/000/044/000 · Green  */
    --black:	rgba(000 000 000 / 1.00);
}

::marker          	{	color: var(--acc); }
::-moz-selection 	{ 	background-color: var(--black); color: white; }
::selection       	{ 	background-color: var(--black); color: white; }

body			{ 	caret-color:  var(--acc); accent-color: var(--acc); }
a, em, small 	{ 	color: inherit; }

/* --- BG --- */

input, textarea, .btn, .lang, .lang > label:has(:checked), .pad, .page.go > div > :nth-child(2), .page > div> div
{ 	background-color: white; color: var(--black); }

.btn.cta, .digits span:before
{ 	background-color: var(--cta); }

.nav a:after, #praxis div:has(h2), .sitemap a:after, a[href*="#contact"], .page.go > div > .important
{ 	background-color: var(--acc); }

body.dark, .legal header, nav, footer, #faq, .ico, button, .lang > label, menu > div:before, menu a, .usp, .conta, .price, .channel .gallery > *:after, .process, .page > div > div:before
{ 	background-color: var(--black); color: white; }

/* --- TXT --- */

a[href*="#contact"], .page.go > div > .important > *
{ 	color: white; }

p > a, q, .fact p, details[open]:before, .usp span, .digits span
{ 	color: var(--acc); }

#emo *, .flg *, .flg:before
{ 	color: var(--black); }

/* --- Borders --- */

*		{ 	border-color: #ffffff50; }
input,
textarea 	{ 	border-color: #00000050; }

/*	=================================
		Deko
	================================= */

body.dark:before {	content: ''; position: fixed; top: 0; left: 0; z-index: -1; width: 100.0vw; height: 100.0vh; opacity: 0.50;
    background-image: radial-gradient(farthest-corner at 0% 100.0%, var(--acc) 25.00%, transparent 90.00%); }

/*	=================================
		END
	================================= */

.btn, .pad {
    background-color: white;
    color: var(--black);
}

.hot {
    font-size: 1.2em;
}