@charset "utf-8";
:root {
	/* white */
	--hue-white: #ffffff;
	--hue-white-rgb: 255,255,255;
	--hue-white-text: #413b31;
	--hue-white-header: #003c6b;
	--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: color-mix(in srgb, var(--hue-light) 90%, white);
	--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);
	/* light */
	--hue-light: #f9f6f0;
	--hue-light-rgb: 249,246,240;
	--hue-light-text: #413b31;
	--hue-light-header: #003c6b;
	--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: #ffffff;
	--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);
	/* highlight */
	--hue-highlight: #9c1c29;
	--hue-highlight-rgb: 156,28,41;
	--hue-highlight-text: #ffffff;
	--hue-highlight-header: #ffffff;
	--hue-highlight-bright: color-mix(in srgb, var(--hue-highlight-text) 85%, var(--hue-highlight));
	--hue-highlight-dimmed: color-mix(in srgb, var(--hue-highlight-text) 65%, var(--hue-highlight));
	--hue-highlight-light: color-mix(in srgb, var(--hue-highlight) 10%, white);
	--hue-highlight-medium: color-mix(in srgb, var(--hue-highlight) 50%, white);
	--hue-highlight-trim: color-mix(in srgb, var(--hue-highlight) 90%, white);
	--hue-highlight-divider: color-mix(in srgb, var(--hue-highlight) 60%, white);
	--hue-highlight-pattern: color-mix(in srgb, var(--hue-highlight) 95%, white);
	--hue-highlight-deep: color-mix(in srgb, var(--hue-highlight) 50%, black);
	--hue-highlight-border: color-mix(in srgb, var(--hue-highlight) 50%, white);
	/* color */
	--hue-color: #0077d5;
	--hue-color-rgb: 0,119,213;
	--hue-color-text: #ffffff;
	--hue-color-header: #ffffff;
	--hue-color-bright: color-mix(in srgb, var(--hue-color-text) 85%, var(--hue-color));
	--hue-color-dimmed: color-mix(in srgb, var(--hue-color-text) 65%, var(--hue-color));
	--hue-color-light: color-mix(in srgb, var(--hue-color) 10%, white);
	--hue-color-medium: color-mix(in srgb, var(--hue-color) 50%, white);
	--hue-color-trim: color-mix(in srgb, var(--hue-color) 90%, white);
	--hue-color-divider: color-mix(in srgb, var(--hue-color) 60%, white);
	--hue-color-pattern: color-mix(in srgb, var(--hue-color) 95%, white);
	--hue-color-deep: color-mix(in srgb, var(--hue-color) 50%, black);
	--hue-color-border: color-mix(in srgb, var(--hue-color) 50%, white);
	/* dark */
	--hue-dark: #14212c;
	--hue-dark-rgb: 20,33,44;
	--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) 85%, 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);
	/* accent */
	--hue-accent: #309e48;
	--hue-accent-rgb: 48,158,72;
	--hue-accent-text: #ffffff;
	--hue-accent-header: #ffffff;
	--hue-accent-bright: color-mix(in srgb, var(--hue-accent-text) 90%, var(--hue-accent));
	--hue-accent-dimmed: color-mix(in srgb, var(--hue-accent-text) 65%, var(--hue-accent));
	--hue-accent-light: color-mix(in srgb, var(--hue-accent) 10%, white);
	--hue-accent-medium: color-mix(in srgb, var(--hue-accent) 50%, white);
	--hue-accent-trim: color-mix(in srgb, var(--hue-accent) 90%, white);
	--hue-accent-divider: color-mix(in srgb, var(--hue-accent) 60%, white);
	--hue-accent-pattern: color-mix(in srgb, var(--hue-accent) 95%, white);
	--hue-accent-deep: color-mix(in srgb, var(--hue-accent) 95%, black);
	--hue-accent-border: color-mix(in srgb, var(--hue-accent) 50%, white);
	/* focus */
	--hue-focus: #e09326;
	--hue-focus-rgb: 224,147,38;
	--hue-focus-text: #413b31;
	--hue-focus-header: #3d2d16;
	--hue-focus-bright: color-mix(in srgb, var(--hue-focus-text) 85%, var(--hue-focus));
	--hue-focus-dimmed: color-mix(in srgb, var(--hue-focus-text) 65%, var(--hue-focus));
	--hue-focus-light: color-mix(in srgb, var(--hue-focus) 10%, white);
	--hue-focus-medium: color-mix(in srgb, var(--hue-focus) 50%, white);
	--hue-focus-trim: color-mix(in srgb, var(--hue-focus) 90%, white);
	--hue-focus-divider: color-mix(in srgb, var(--hue-focus) 60%, white);
	--hue-focus-pattern: color-mix(in srgb, var(--hue-focus) 95%, white);
	--hue-focus-deep: color-mix(in srgb, var(--hue-focus) 50%, black);
	--hue-focus-border: color-mix(in srgb, var(--hue-focus) 50%, white);
	/* medium */
	--hue-medium: #edeae4;
	--hue-medium-rgb: 237,234,228;
	--hue-medium-text: #413b31;
	--hue-medium-header: #003c6b;
	--hue-medium-bright: color-mix(in srgb, var(--hue-medium-text) 85%, var(--hue-light));
	--hue-medium-dimmed: color-mix(in srgb, var(--hue-medium-text) 65%, var(--hue-light));
	--hue-medium-light: color-mix(in srgb, #ffffff 95%, black);
	--hue-medium-medium: color-mix(in srgb, var(--hue-light) 50%, black);
	--hue-medium-trim: color-mix(in srgb, var(--hue-light) 90%, black);
	--hue-medium-divider: color-mix(in srgb, var(--hue-light) 80%, black);
	--hue-medium-pattern: color-mix(in srgb, var(--hue-light) 50%, white);
	--hue-medium-deep: color-mix(in srgb, var(--hue-light) 10%, black);
	--hue-medium-border: color-mix(in srgb, var(--hue-light) 55%, black);
	/* darker */
	--hue-darker: #0d151d;
	--hue-darker-rgb: 13,21,29;
	--hue-darker-text: #ffffff;
	--hue-darker-header: #ffffff;
	--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-dark) 10%, white);
	--hue-darker-medium: color-mix(in srgb, var(--hue-dark) 50%, white);
	--hue-darker-trim: color-mix(in srgb, var(--hue-dark) 85%, white);
	--hue-darker-divider: color-mix(in srgb, var(--hue-dark) 60%, white);
	--hue-darker-pattern: color-mix(in srgb, var(--hue-dark) 95%, white);
	--hue-darker-deep: color-mix(in srgb, var(--hue-dark) 50%, black);
	--hue-darker-border: color-mix(in srgb, var(--hue-dark) 50%, white);
}