:root {
	color-scheme: light dark;
}

body {
	--theme-sun: #ffb685;
	--theme-moon: #85acff;
	--theme-bg-main: #ffffff;
	--theme-bg-light: #fafafb;
	--theme-bg-heavy: #ebf0f5;
	--theme-bg-popup-mask: rgba(255, 255, 255, 0.6);
	--theme-line: #bbbbbb;
	--theme-line-safe: #078e22;
	--theme-line-warn: #cca01b;
	--theme-line-danger: #d0501e;
	--theme-text-heading: #333333;
	--theme-text-body: #444444;
	--theme-text-light: #777777;
	--theme-text-safe: #078e22;
	--theme-text-warn: #cca01b;
	--theme-text-danger: #d0501e;
	--theme-text-link: #5a81d8;
	--theme-text-link-active: #5a81d8;
	--theme-text-link-visited: #5a81d8;
	--theme-bg-qrcode: #ffffff;
	--theme-stroke-qrcode: #333333;
	--theme-text-highlight: #444444;
	--theme-bg-text-highlight: #d3ffd1;
	--theme-text-selection: #ffffff;
	--theme-bg-text-selection: #8006e0;
	--theme-bg-button-primary: #f0f0f0;
	--theme-bg-button-primary-hover: #dbe5fb;
	--theme-text-button-primary: #444444;
	--theme-bg-button-secondary: #efefef;
	--theme-bg-button-secondary-hover: #efefef;
	--theme-text-button-secondary: #444444;
	--theme-bg-error-box: #ffe3e5;
	--theme-border-error-box: #bf616a;
	--theme-text-error-box: #444444;
	--theme-bg-input: #ffffff;
	--theme-border-input: #444444;
	--theme-border-input-invalid: #bf616a;
	--theme-icon-active-indicator: #777777;
	--theme-icon-success-indicator: #4dbb70;
	--theme-icon-failure-indicator: #bf616a;
	--theme-icon-warning-indicator: #cab815;
	--theme-accent-info: #c2eaf6;
	--theme-accent-highlight: #c4f6c2;
	--theme-accent-warning: #f6f5c2;
	--theme-accent-problem: #f6c2c2;
	--theme-chart-axis: #bbbbbb;
	--theme-chart-text: #444444;
	--theme-chart-guideline: #dddddd;
	--theme-chart-data-0: #ffb685;
	--theme-chart-data-1: #85acff;
	--theme-chart-data-2: #4dbb70;
	--theme-chart-data-3: #eb4f5e;
	--theme-chart-data-4: #a278ef;
	--theme-chart-data-5: #e298f0;
	--theme-chart-data-6: #49d9d8;
	--theme-chart-data-7: #cab815;
	--theme-chart-data-8: #52e130;
	--theme-chart-data-9: #ff13b4;
	--theme-code-normal: #4f5b66;
	--theme-code-shadow: transparent;
	--theme-code-background: #eff1f5;
	--theme-code-selection: #dfe1e8;
	--theme-code-comment: #a7adba;
	--theme-code-punc: #4f5b66;
	--theme-code-operator: #4f5b66;
	--theme-code-const-literal: #d08770;
	--theme-code-number-literal: #d08770;
	--theme-code-boolean-literal: #d08770;
	--theme-code-tag: #bf616a;
	--theme-code-string: #a3be8c;
	--theme-code-keyword: #b48ead;
	--theme-code-func-name: #8fa1b3;
	--theme-code-class-name: #d08770;
	--theme-code-regex-important: #96b5b4;
	--theme-code-variable: #bf616a;
	--theme-code-builtin: #96b5b4;
	--theme-code-attr-name: #d08770;
	--theme-code-gutter-divider: #eff1f5;
	--theme-code-line-number: #4f5b66;
	--theme-code-line-highlight: #a7adba30;
}

body[data-color-scheme='dark'] {
	--theme-sun: #ffb685;
	--theme-moon: #85acff;
	--theme-bg-main: #343d46;
	--theme-bg-light: #3f4a53;
	--theme-bg-heavy: #495159;
	--theme-bg-popup-mask: rgba(0, 0, 0, 0.6);
	--theme-line: #777777;
	--theme-line-safe: #b1ca97;
	--theme-line-warn: #cec755;
	--theme-line-danger: #ee8861;
	--theme-text-heading: #ffffff;
	--theme-text-body: #cccccc;
	--theme-text-light: #a6a6a6;
	--theme-text-safe: #b1ca97;
	--theme-text-warn: #cec755;
	--theme-text-danger: #ee8861;
	--theme-text-link: #86a7f0;
	--theme-text-link-active: #86a7f0;
	--theme-text-link-visited: #86a7f0;
	--theme-bg-qrcode: #343d46;
	--theme-stroke-qrcode: #ffffff;
	--theme-text-highlight: #ffffff;
	--theme-bg-text-highlight: #3da069;
	--theme-text-selection: #660bad;
	--theme-bg-text-selection: #ebe9f0;
	--theme-bg-button-primary: #465568;
	--theme-bg-button-primary-hover: #465568;
	--theme-text-button-primary: #bbbbbb;
	--theme-bg-button-secondary: #495159;
	--theme-bg-button-secondary-hover: #86a7f04c;
	--theme-text-button-secondary: #bbbbbb;
	--theme-bg-error-box: #704649;
	--theme-border-error-box: #802730;
	--theme-text-error-box: #cccccc;
	--theme-bg-input: #3e444a;
	--theme-border-input: #dddddd;
	--theme-border-input-invalid: #f13547;
	--theme-icon-active-indicator: #a6a6a6;
	--theme-icon-success-indicator: #b3ffa1;
	--theme-icon-failure-indicator: #f13547;
	--theme-icon-warning-indicator: #cab815;
	--theme-accent-info: #94e9e1;
	--theme-accent-highlight: #85ef9b;
	--theme-accent-warning: #e2ef85;
	--theme-accent-problem: #ef9985;
	--theme-chart-axis: #777777;
	--theme-chart-text: #cccccc;
	--theme-chart-guideline: #666666;
	--theme-chart-data-0: #ffb685;
	--theme-chart-data-1: #85acff;
	--theme-chart-data-2: #4dbb70;
	--theme-chart-data-3: #eb4f5e;
	--theme-chart-data-4: #a278ef;
	--theme-chart-data-5: #e298f0;
	--theme-chart-data-6: #49d9d8;
	--theme-chart-data-7: #cab815;
	--theme-chart-data-8: #52e130;
	--theme-chart-data-9: #ff13b4;
	--theme-code-normal: #c0c5ce;
	--theme-code-shadow: transparent;
	--theme-code-background: #2b303b;
	--theme-code-selection: #4f5b66;
	--theme-code-comment: #65737e;
	--theme-code-punc: #c0c5ce;
	--theme-code-operator: #c0c5ce;
	--theme-code-const-literal: #d08770;
	--theme-code-number-literal: #d08770;
	--theme-code-boolean-literal: #d08770;
	--theme-code-tag: #bf616a;
	--theme-code-string: #a3be8c;
	--theme-code-keyword: #b48ead;
	--theme-code-func-name: #8fa1b3;
	--theme-code-class-name: #ebcb8b;
	--theme-code-regex-important: #96b5b4;
	--theme-code-variable: #bf616a;
	--theme-code-builtin: #96b5b4;
	--theme-code-attr-name: #d08770;
	--theme-code-gutter-divider: #343d46;
	--theme-code-line-number: #65737e;
	--theme-code-line-highlight: #65737e30;
}

@media (prefers-color-scheme: dark) {
	body {
		--theme-sun: #ffb685;
		--theme-moon: #85acff;
		--theme-bg-main: #343d46;
		--theme-bg-light: #3f4a53;
		--theme-bg-heavy: #495159;
		--theme-bg-popup-mask: rgba(0, 0, 0, 0.6);
		--theme-line: #777777;
		--theme-line-safe: #b1ca97;
		--theme-line-warn: #cec755;
		--theme-line-danger: #ee8861;
		--theme-text-heading: #ffffff;
		--theme-text-body: #cccccc;
		--theme-text-light: #a6a6a6;
		--theme-text-safe: #b1ca97;
		--theme-text-warn: #cec755;
		--theme-text-danger: #ee8861;
		--theme-text-link: #86a7f0;
		--theme-text-link-active: #86a7f0;
		--theme-text-link-visited: #86a7f0;
		--theme-bg-qrcode: #343d46;
		--theme-stroke-qrcode: #ffffff;
		--theme-text-highlight: #ffffff;
		--theme-bg-text-highlight: #3da069;
		--theme-text-selection: #660bad;
		--theme-bg-text-selection: #ebe9f0;
		--theme-bg-button-primary: #465568;
		--theme-bg-button-primary-hover: #465568;
		--theme-text-button-primary: #bbbbbb;
		--theme-bg-button-secondary: #495159;
		--theme-bg-button-secondary-hover: #86a7f04c;
		--theme-text-button-secondary: #bbbbbb;
		--theme-bg-error-box: #704649;
		--theme-border-error-box: #802730;
		--theme-text-error-box: #cccccc;
		--theme-bg-input: #3e444a;
		--theme-border-input: #dddddd;
		--theme-border-input-invalid: #f13547;
		--theme-icon-active-indicator: #a6a6a6;
		--theme-icon-success-indicator: #b3ffa1;
		--theme-icon-failure-indicator: #f13547;
		--theme-icon-warning-indicator: #cab815;
		--theme-accent-info: #94e9e1;
		--theme-accent-highlight: #85ef9b;
		--theme-accent-warning: #e2ef85;
		--theme-accent-problem: #ef9985;
		--theme-chart-axis: #777777;
		--theme-chart-text: #cccccc;
		--theme-chart-guideline: #666666;
		--theme-chart-data-0: #ffb685;
		--theme-chart-data-1: #85acff;
		--theme-chart-data-2: #4dbb70;
		--theme-chart-data-3: #eb4f5e;
		--theme-chart-data-4: #a278ef;
		--theme-chart-data-5: #e298f0;
		--theme-chart-data-6: #49d9d8;
		--theme-chart-data-7: #cab815;
		--theme-chart-data-8: #52e130;
		--theme-chart-data-9: #ff13b4;
		--theme-code-normal: #c0c5ce;
		--theme-code-shadow: transparent;
		--theme-code-background: #2b303b;
		--theme-code-selection: #4f5b66;
		--theme-code-comment: #65737e;
		--theme-code-punc: #c0c5ce;
		--theme-code-operator: #c0c5ce;
		--theme-code-const-literal: #d08770;
		--theme-code-number-literal: #d08770;
		--theme-code-boolean-literal: #d08770;
		--theme-code-tag: #bf616a;
		--theme-code-string: #a3be8c;
		--theme-code-keyword: #b48ead;
		--theme-code-func-name: #8fa1b3;
		--theme-code-class-name: #ebcb8b;
		--theme-code-regex-important: #96b5b4;
		--theme-code-variable: #bf616a;
		--theme-code-builtin: #96b5b4;
		--theme-code-attr-name: #d08770;
		--theme-code-gutter-divider: #343d46;
		--theme-code-line-number: #65737e;
		--theme-code-line-highlight: #65737e30;
	}

	body[data-color-scheme='light'] {
		--theme-sun: #ffb685;
		--theme-moon: #85acff;
		--theme-bg-main: #ffffff;
		--theme-bg-light: #fafafb;
		--theme-bg-heavy: #ebf0f5;
		--theme-bg-popup-mask: rgba(255, 255, 255, 0.6);
		--theme-line: #bbbbbb;
		--theme-line-safe: #078e22;
		--theme-line-warn: #cca01b;
		--theme-line-danger: #d0501e;
		--theme-text-heading: #333333;
		--theme-text-body: #444444;
		--theme-text-light: #777777;
		--theme-text-safe: #078e22;
		--theme-text-warn: #cca01b;
		--theme-text-danger: #d0501e;
		--theme-text-link: #5a81d8;
		--theme-text-link-active: #5a81d8;
		--theme-text-link-visited: #5a81d8;
		--theme-bg-qrcode: #ffffff;
		--theme-stroke-qrcode: #333333;
		--theme-text-highlight: #444444;
		--theme-bg-text-highlight: #d3ffd1;
		--theme-text-selection: #ffffff;
		--theme-bg-text-selection: #8006e0;
		--theme-bg-button-primary: #f0f0f0;
		--theme-bg-button-primary-hover: #dbe5fb;
		--theme-text-button-primary: #444444;
		--theme-bg-button-secondary: #efefef;
		--theme-bg-button-secondary-hover: #efefef;
		--theme-text-button-secondary: #444444;
		--theme-bg-error-box: #ffe3e5;
		--theme-border-error-box: #bf616a;
		--theme-text-error-box: #444444;
		--theme-bg-input: #ffffff;
		--theme-border-input: #444444;
		--theme-border-input-invalid: #bf616a;
		--theme-icon-active-indicator: #777777;
		--theme-icon-success-indicator: #4dbb70;
		--theme-icon-failure-indicator: #bf616a;
		--theme-icon-warning-indicator: #cab815;
		--theme-accent-info: #c2eaf6;
		--theme-accent-highlight: #c4f6c2;
		--theme-accent-warning: #f6f5c2;
		--theme-accent-problem: #f6c2c2;
		--theme-chart-axis: #bbbbbb;
		--theme-chart-text: #444444;
		--theme-chart-guideline: #dddddd;
		--theme-chart-data-0: #ffb685;
		--theme-chart-data-1: #85acff;
		--theme-chart-data-2: #4dbb70;
		--theme-chart-data-3: #eb4f5e;
		--theme-chart-data-4: #a278ef;
		--theme-chart-data-5: #e298f0;
		--theme-chart-data-6: #49d9d8;
		--theme-chart-data-7: #cab815;
		--theme-chart-data-8: #52e130;
		--theme-chart-data-9: #ff13b4;
		--theme-code-normal: #4f5b66;
		--theme-code-shadow: transparent;
		--theme-code-background: #eff1f5;
		--theme-code-selection: #dfe1e8;
		--theme-code-comment: #a7adba;
		--theme-code-punc: #4f5b66;
		--theme-code-operator: #4f5b66;
		--theme-code-const-literal: #d08770;
		--theme-code-number-literal: #d08770;
		--theme-code-boolean-literal: #d08770;
		--theme-code-tag: #bf616a;
		--theme-code-string: #a3be8c;
		--theme-code-keyword: #b48ead;
		--theme-code-func-name: #8fa1b3;
		--theme-code-class-name: #d08770;
		--theme-code-regex-important: #96b5b4;
		--theme-code-variable: #bf616a;
		--theme-code-builtin: #96b5b4;
		--theme-code-attr-name: #d08770;
		--theme-code-gutter-divider: #eff1f5;
		--theme-code-line-number: #4f5b66;
		--theme-code-line-highlight: #a7adba30;
	}
}