@charset "utf-8";
:root {
	/* white */
	--hue-white: #ffffff;
	--hue-white-rgb: 255,255,255;
	--hue-white-text: #41382d;
	--hue-white-header: #120a01;
	--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: #f8f5f1;
	--hue-light-rgb: 248,245,241;
	--hue-light-text: #41382d;
	--hue-light-header: #120a01;
	--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) 95%, black);
	--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: #f25c53;
	--hue-highlight-rgb: 242,92,83;
	--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: #1884b0;
	--hue-color-rgb: 24,132,176;
	--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: #0a191f;
	--hue-dark-rgb: 10,25,31;
	--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: #80d2f3;
	--hue-accent-rgb: 128,210,243;
	--hue-accent-text: #40697a;
	--hue-accent-header: #40697a;
	--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: #ece9e5;
	--hue-medium-rgb: 236,233,229;
	--hue-medium-text: #3e352b;
	--hue-medium-header: #110a01;
	--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) 95%, black);
	--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: #060f13;
	--hue-darker-rgb: 6,15,19;
	--hue-darker-text: #999999;
	--hue-darker-header: #999999;
	--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);
}