@charset "utf-8";
:root {
	/* white */
	--hue-white: #ffffff;
	--hue-white-rgb: 255,255,255;
	--hue-white-text: #3d3d3d;
	--hue-white-header: #1a1a1a;
	--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) 95%, black);
	--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: #f7f7f7;
	--hue-light-rgb: 247,247,247;
	--hue-light-text: #3d3d3d;
	--hue-light-header: #1a1a1a;
	--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);
	/* highlight */
	--hue-highlight: #c63527;
	--hue-highlight-rgb: 198,53,39;
	--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: #7c2529;
	--hue-color-rgb: 124,37,41;
	--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: #2c2c2c;
	--hue-dark-rgb: 44,44,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) 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);
	/* accent */
	--hue-accent: #ea9150;
	--hue-accent-rgb: 234,145,80;
	--hue-accent-text: #3d3d3d;
	--hue-accent-header: #2c2c2c;
	--hue-accent-bright: color-mix(in srgb, var(--hue-accent-text) 85%, 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) 50%, black);
	--hue-accent-border: color-mix(in srgb, var(--hue-accent) 50%, white);
	/* medium */
	--hue-medium: #ebebeb;
	--hue-medium-rgb: 235,235,235;
	--hue-medium-text: #3a3a3a;
	--hue-medium-header: #191919;
	--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);
	/* darker */
	--hue-darker: #1d1d1d;
	--hue-darker-rgb: 29,29,29;
	--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);
}