:root {


	--black: 0 0 0;
	--white: 1 1 1;

	--dark: 0 0.25 0.3;
	--light: 1 0.96 0.8;
	--red: 0.9 0.27 0.38;
	--yellow: 0.95 0.8 0.33;
	--green: 0.3 0.75 0.56;
	--teal: 0 0.75 0.62;
	--blue: 0.04 0.57 0.75;

	--bg: var(--light);
	--subtext: var(--dark);
	--super-subtext: var(--dark);
	--text: var(--dark);
	--hr: var(--yellow);
	--shadow: var(--dark);

	--link: var(--teal);
	--visited: var(--blue);
	--active: var(--red);
	--hover: var(--green);

	--code: var(--green);
	--highlight: var(--yellow);
	--highlight-text: var(--dark);

	/* em.slanty (!!) */
	--slanty-em: var(--pink);

	/* .buttonbox strong (heart) */
	--buttonbox-strong: var(--pink);

	/* End Mark Color */
	--end-mark: var(--text);

	/* Unordered List Marker Color */
	--marker: var(--text);

	/* Downloads List Marker Color */
	--downloads-marker: var(--blue);

	/* Indented Links List Marker Color */
	--intended-links-marker: var(--pink);

	/* Red Flags List Marker Color */
	--redflags-marker: var(--red);

	/* Header Unordered List Marker Colors */
	--marker-1: var(--yellow);
	--marker-2: var(--green);
	--marker-3: var(--purple);
	--marker-4: var(--red);

	/* Donate / Buy Buttons & Shop Price Colors */
	--donate: var(--green);
	--price: var(--green);

	/* Metadata Colors */
	--date: var(--green);
	--tag: var(--blue);

	--filetype: var(--purple);
	--zip: var(--orange);
	--resolution: var(--yellow);

	/* Aside Colors */
	--aside: var(--yellow);
	--aside-text: var(--light-yellow);

	/* Blockquote Colors */
	--blockquote-self: var(--purple);
	--blockquote-imessage: var(--blue);
	--blockquote-sms: var(--green);
	--blockquote-tinder: var(--red);
	--blockquote-bumble: var(--yellow);

	/* Fonts */
	--mono: "Covik", "toppan-bunkyu-midashi-go-std", ui-monospace, SFMono-Regular, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
	--flare: "Casserole-Sans", "toppan-bunkyu-midashi-go-std", -apple-system-ui-serif, ui-serif, "Georgia", serif;
	--sans: "Casserole-Sans", "toppan-bunkyu-midashi-go-std", -apple-system-ui-serif, ui-serif, "Georgia", serif;
}

html {
	background:
		url('/files/images/site/pattern.webp'), color(display-p3 var(--bg) / 1);
	background-size: 69px 40px;
	background-repeat: repeat;
}

.breadcrumbs a {
	font-weight: 700;
}

svg {
	fill: currentColor;
}

h1 svg {
	width: 192px;
}

h2 svg {
	width: 144px;
}

h3 svg {
	width: 96px;
}

p:last-of-type::after {
	display: none;
}