:root
{
	/* Light mode */
	--bg-page: #f8f9fa;
	--bg-form: #ffffff;
	--bg-input: #ffffff;
	--bg-input-hover: #f1f3f5;
	--bg-file: #ffffff;
	--bg-file-hover: #f1f3f5;
	--bg-button: #515559;
	--bg-button-hover: #000000;
	--text-primary: #212529;
	--text-secondary: #343a40;
	--text-muted: #6c757d;
	--text-placeholder: #adb5bd;
	--text-button: #ffffff;
	--border-input: #dee2e6;
	--border-input-focus: #495057;
	--border-description: #dee2e6;
	--border-file: #dee2e6;
	--accent-primary: #212529;
	--accent-focus-ring: rgba(33, 37, 41, 0.15);
	--accent-range: #212529;
	--shadow-form: 0 4px 6px rgba(0, 0, 0, 0.05);
	--alert: #ff0000;
}

@media ( prefers-color-scheme : dark)
{
	:root
	{
		/* Dark mode */
		--bg-page: #121212;
		--bg-form: #1e1e1e;
		--bg-input: #2d2d2d;
		--bg-input-hover: #3d3d3d;
		--bg-file: #2d2d2d;
		--bg-file-hover: #3d3d3d;
		--bg-button: #a0a0a0;
		--bg-button-hover: #ffffff;
		--text-primary: #e8e8e8;
		--text-secondary: #c8c8c8;
		--text-muted: #9e9e9e;
		--text-placeholder: #6e6e6e;
		--text-button: #121212;
		--border-input: #3d3d3d;
		--border-input-focus: #e0e0e0;
		--border-description: #3d3d3d;
		--border-file: #3d3d3d;
		--accent-primary: #e0e0e0;
		--accent-focus-ring: rgba(224, 224, 224, 0.2);
		--accent-range: #e0e0e0;
		--shadow-form: 0 4px 12px rgba(0, 0, 0, 0.6);
		--alert: #ff0000;
	}
}