@charset "utf-8";
:root {
	/* white */
	--hue-white: #ffffff;
	--hue-white-rgb: 255,255,255;
	--hue-white-text: #3d3c3b;
	--hue-white-header: #191817;
	--hue-white-bright: color-mix(in srgb, var(--hue-white-text) 85%, var(--hue-light));
	--hue-white-dimmed: color-mix(in srgb, var(--hue-white-text) 65%, var(--hue-light));
	--hue-white-light: var(--hue-light);
	--hue-white-medium: color-mix(in srgb, var(--hue-light) 50%, black);
	--hue-white-trim: var(--hue-light);
	--hue-white-divider: color-mix(in srgb, var(--hue-light) 80%, black);
	--hue-white-pattern: color-mix(in srgb, var(--hue-light) 70%, white);
	--hue-white-deep: color-mix(in srgb, var(--hue-light) 10%, black);
	--hue-white-border: color-mix(in srgb, var(--hue-light) 60%, black);
	--hue-white-link: color-mix(in srgb, var(--hue-light) 40%, black);
	/* light */
	--hue-light: #f9f8f6;
	--hue-light-rgb: 249,248,246;
	--hue-light-text: #3d3c3b;
	--hue-light-header: #191817;
	--hue-light-bright: color-mix(in srgb, var(--hue-light-text) 85%, var(--hue-light));
	--hue-light-dimmed: color-mix(in srgb, var(--hue-light-text) 65%, var(--hue-light));
	--hue-light-light: color-mix(in srgb, var(--hue-light) 5%, white);
	--hue-light-medium: color-mix(in srgb, var(--hue-light) 50%, black);
	--hue-light-trim: color-mix(in srgb, var(--hue-light) 90%, black);
	--hue-light-divider: color-mix(in srgb, var(--hue-light) 80%, black);
	--hue-light-pattern: color-mix(in srgb, var(--hue-light) 50%, white);
	--hue-light-deep: color-mix(in srgb, var(--hue-light) 10%, black);
	--hue-light-border: color-mix(in srgb, var(--hue-light) 55%, black);
	--hue-light-link: color-mix(in srgb, var(--hue-light) 40%, black);
	/* medium */
	--hue-medium: #edecea;
	--hue-medium-rgb: 237,236,234;
	--hue-medium-text: #3a3938;
	--hue-medium-header: #181716;
	--hue-medium-bright: color-mix(in srgb, var(--hue-medium-text) 85%, var(--hue-medium));
	--hue-medium-dimmed: color-mix(in srgb, var(--hue-medium-text) 65%, var(--hue-medium));
	--hue-medium-light: color-mix(in srgb, var(--hue-medium) 5%, white);
	--hue-medium-medium: color-mix(in srgb, var(--hue-medium) 50%, black);
	--hue-medium-trim: color-mix(in srgb, var(--hue-medium) 90%, black);
	--hue-medium-divider: color-mix(in srgb, var(--hue-medium) 80%, black);
	--hue-medium-pattern: color-mix(in srgb, var(--hue-medium) 50%, white);
	--hue-medium-deep: color-mix(in srgb, var(--hue-medium) 10%, black);
	--hue-medium-border: color-mix(in srgb, var(--hue-medium) 55%, black);
	--hue-medium-link: color-mix(in srgb, var(--hue-medium) 40%, black);
	/* orange */
	--hue-orange: #ed6233;
	--hue-orange-rgb: 237,98,51;
	--hue-orange-text: #ffffff;
	--hue-orange-header: #ffffff;
	--hue-orange-bright: color-mix(in srgb, var(--hue-orange-text) 85%, var(--hue-orange));
	--hue-orange-dimmed: color-mix(in srgb, var(--hue-orange-text) 65%, var(--hue-orange));
	--hue-orange-light: color-mix(in srgb, var(--hue-orange) 10%, white);
	--hue-orange-medium: color-mix(in srgb, var(--hue-orange) 50%, white);
	--hue-orange-trim: color-mix(in srgb, var(--hue-orange) 85%, white);
	--hue-orange-divider: color-mix(in srgb, var(--hue-orange) 60%, white);
	--hue-orange-pattern: color-mix(in srgb, var(--hue-orange) 95%, white);
	--hue-orange-deep: color-mix(in srgb, var(--hue-orange) 50%, black);
	--hue-orange-border: color-mix(in srgb, var(--hue-orange) 50%, white);
	--hue-orange-link: color-mix(in srgb, var(--hue-orange) 95%, black);
	/* purple */
	--hue-purple: #8964ab;
	--hue-purple-rgb: 137,100,171;
	--hue-purple-text: #ffffff;
	--hue-purple-header: #ffffff;
	--hue-purple-bright: color-mix(in srgb, var(--hue-purple-text) 85%, var(--hue-purple));
	--hue-purple-dimmed: color-mix(in srgb, var(--hue-purple-text) 65%, var(--hue-purple));
	--hue-purple-light: color-mix(in srgb, var(--hue-purple) 10%, white);
	--hue-purple-medium: color-mix(in srgb, var(--hue-purple) 50%, white);
	--hue-purple-trim: color-mix(in srgb, var(--hue-purple) 85%, white);
	--hue-purple-divider: color-mix(in srgb, var(--hue-purple) 60%, white);
	--hue-purple-pattern: color-mix(in srgb, var(--hue-purple) 95%, white);
	--hue-purple-deep: color-mix(in srgb, var(--hue-purple) 50%, black);
	--hue-purple-border: color-mix(in srgb, var(--hue-purple) 50%, white);
	--hue-purple-link: var(--hue-purple);
	/* red */
	--hue-red: #fc2924;
	--hue-red-rgb: 252,41,36;
	--hue-red-text: #ffffff;
	--hue-red-header: #ffffff;
	--hue-red-bright: color-mix(in srgb, var(--hue-red-text) 85%, var(--hue-red));
	--hue-red-dimmed: color-mix(in srgb, var(--hue-red-text) 65%, var(--hue-red));
	--hue-red-light: color-mix(in srgb, var(--hue-red) 10%, white);
	--hue-red-medium: color-mix(in srgb, var(--hue-red) 50%, white);
	--hue-red-trim: color-mix(in srgb, var(--hue-red) 85%, white);
	--hue-red-divider: color-mix(in srgb, var(--hue-red) 60%, white);
	--hue-red-pattern: color-mix(in srgb, var(--hue-red) 95%, white);
	--hue-red-deep: color-mix(in srgb, var(--hue-red) 40%, black);
	--hue-red-border: color-mix(in srgb, var(--hue-red) 50%, white);
	--hue-red-link: var(--hue-red);
	/* green */
	--hue-green: #73ac46;
	--hue-green-rgb: 115,172,70;
	--hue-green-text: #3d3c3b;
	--hue-green-header: #191817;
	--hue-green-bright: color-mix(in srgb, var(--hue-green-text) 85%, var(--hue-green));
	--hue-green-dimmed: color-mix(in srgb, var(--hue-green-text) 65%, var(--hue-green));
	--hue-green-light: color-mix(in srgb, var(--hue-green) 10%, white);
	--hue-green-medium: color-mix(in srgb, var(--hue-green) 50%, black);
	--hue-green-trim: color-mix(in srgb, var(--hue-green) 90%, black);
	--hue-green-divider: color-mix(in srgb, var(--hue-green) 80%, black);
	--hue-green-pattern: color-mix(in srgb, var(--hue-green) 93%, white);
	--hue-green-deep: color-mix(in srgb, var(--hue-green) 40%, black);
	--hue-green-border: color-mix(in srgb, var(--hue-green) 55%, black);
	--hue-green-link: color-mix(in srgb, var(--hue-green) 90%, black);
	/* blue */
	--hue-blue: #3dbdc7;
	--hue-blue-rgb: 61,189,199;
	--hue-blue-text: #3d3c3b;
	--hue-blue-header: #191817;
	--hue-blue-bright: color-mix(in srgb, var(--hue-blue-text) 85%, var(--hue-blue));
	--hue-blue-dimmed: color-mix(in srgb, var(--hue-blue-text) 65%, var(--hue-blue));
	--hue-blue-light: color-mix(in srgb, var(--hue-blue) 10%, white);
	--hue-blue-medium: color-mix(in srgb, var(--hue-blue) 50%, black);
	--hue-blue-trim: color-mix(in srgb, var(--hue-blue) 90%, black);
	--hue-blue-divider: color-mix(in srgb, var(--hue-blue) 80%, black);
	--hue-blue-pattern: color-mix(in srgb, var(--hue-blue) 93%, white);
	--hue-blue-deep: color-mix(in srgb, var(--hue-blue) 40%, black);
	--hue-blue-border: color-mix(in srgb, var(--hue-blue) 55%, black);
	--hue-blue-link: color-mix(in srgb, var(--hue-blue) 80%, black);
	/* yellow */
	--hue-yellow: #f0b844;
	--hue-yellow-rgb: 240,184,68;
	--hue-yellow-text: #3d3c3b;
	--hue-yellow-header: #191817;
	--hue-yellow-bright: color-mix(in srgb, var(--hue-yellow-text) 85%, var(--hue-yellow));
	--hue-yellow-dimmed: color-mix(in srgb, var(--hue-yellow-text) 65%, var(--hue-yellow));
	--hue-yellow-light: color-mix(in srgb, var(--hue-yellow) 10%, white);
	--hue-yellow-medium: color-mix(in srgb, var(--hue-yellow) 50%, black);
	--hue-yellow-trim: color-mix(in srgb, var(--hue-yellow) 90%, black);
	--hue-yellow-divider: color-mix(in srgb, var(--hue-yellow) 80%, black);
	--hue-yellow-pattern: color-mix(in srgb, var(--hue-yellow) 93%, white);
	--hue-yellow-deep: color-mix(in srgb, var(--hue-yellow) 40%, black);
	--hue-yellow-border: color-mix(in srgb, var(--hue-yellow) 55%, black);
	--hue-yellow-link: color-mix(in srgb, var(--hue-yellow) 73%, white);
	/* dark */
	--hue-dark: #3d3c3b;
	--hue-dark-rgb: 61,60,59;
	--hue-dark-text: #ffffff;
	--hue-dark-header: #ffffff;
	--hue-dark-bright: color-mix(in srgb, var(--hue-dark-text) 85%, var(--hue-dark));
	--hue-dark-dimmed: color-mix(in srgb, var(--hue-dark-text) 65%, var(--hue-dark));
	--hue-dark-light: color-mix(in srgb, var(--hue-dark) 10%, white);
	--hue-dark-medium: color-mix(in srgb, var(--hue-dark) 50%, white);
	--hue-dark-trim: color-mix(in srgb, var(--hue-dark) 90%, white);
	--hue-dark-divider: color-mix(in srgb, var(--hue-dark) 60%, white);
	--hue-dark-pattern: color-mix(in srgb, var(--hue-dark) 95%, white);
	--hue-dark-deep: color-mix(in srgb, var(--hue-dark) 50%, black);
	--hue-dark-border: color-mix(in srgb, var(--hue-dark) 50%, white);
	--hue-dark-link: color-mix(in srgb, var(--hue-dark) 80%, black);
	/* darker */
	--hue-darker: #282726;
	--hue-darker-rgb: 40,39,38;
	--hue-darker-text: #a6a6a6;
	--hue-darker-header: #a6a6a6;
	--hue-darker-bright: color-mix(in srgb, var(--hue-darker-text) 85%, var(--hue-darker));
	--hue-darker-dimmed: color-mix(in srgb, var(--hue-darker-text) 65%, var(--hue-darker));
	--hue-darker-light: color-mix(in srgb, var(--hue-darker) 10%, white);
	--hue-darker-medium: color-mix(in srgb, var(--hue-darker) 50%, white);
	--hue-darker-trim: color-mix(in srgb, var(--hue-darker) 90%, white);
	--hue-darker-divider: color-mix(in srgb, var(--hue-darker) 60%, white);
	--hue-darker-pattern: color-mix(in srgb, var(--hue-darker) 95%, white);
	--hue-darker-deep: color-mix(in srgb, var(--hue-darker) 50%, black);
	--hue-darker-border: color-mix(in srgb, var(--hue-darker) 50%, white);
	--hue-darker-link: color-mix(in srgb, var(--hue-darker) 80%, black);
}