:root {
	color-scheme: light;
	--bg-body: #F4F1EA;
	--bg-card: #FFFFFF;
	--bg-input: #FFFFFF;
	--bg-sidebar: #FFFFFF;
	--bg-header: #FFFFFF;
	--bg-hover: #EEF1F5;
	--bg-tooltip: #14213D;
	--bg-dropdown: #FFFFFF;
	--bg-modal: #FFFFFF;
	--bg-code: #EEF1F5;
	--bg-subtle: #F4F1EA;
	--bg-table-stripe: #F4F1EA;
	--bg-table-hover: #EEF1F5;

	--text-primary: #14213D;
	--text-secondary: #5F6B87;
	--text-muted: #5F6B87;
	--text-inverse: #FFFFFF;
	--text-disabled: #cbd5e1;
	--text-link: #2864DC;

	--border-color: #EEF1F5;
	--border-light: #F4F1EA;
	--border-dark: #5F6B87;

	--primary: #2864DC;
	--primary-hover: #1E4EAA;
	--primary-light: #EEF1F5;
	--primary-text: #FFFFFF;

	--success: #16C784;
	--success-hover: #12A169;
	--success-light: #f0fdf4;

	--warning: #F5A623;
	--warning-hover: #C5851C;
	--warning-light: #fffbeb;

	--danger: #D64545;
	--danger-hover: #AC3737;
	--danger-light: #fef2f2;

	--info: #2D9CDB;
	--info-light: #ecfeff;

	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
	--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
	--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.08);

	--accent-purple: #7B61FF;
	--accent-purple-light: #EBE5FF;
	--accent-orange: #F5A623;
	--accent-orange-light: #FDEED3;
	--accent-blue: #2864DC;
	--accent-green: #21A99A;
	--accent-red: #D64545;
	--accent-yellow: #B6DB45;

	/* Bootstrap Variable Mapping */
	--bs-body-color: var(--text-secondary);
	--bs-heading-color: var(--text-primary);
}

:root.dark-mode,
html.dark-mode,
body.dark-mode {
	color-scheme: dark;
	--bg-body: #14213D;
	--bg-card: #1E315A;
	--bg-input: #1E315A;
	--bg-header: #1E315A;
	--bg-hover: #5F6B87;
	--bg-sidebar: #0b1120;
	--bg-tooltip: #14213D;
	--bg-dropdown: #1E315A;
	--bg-modal: #1E315A;
	--bg-code: #1E315A;
	--bg-subtle: #1E315A;
	--bg-table-stripe: #1a2332;
	--bg-table-hover: #1E315A;

	--text-primary: #ffffff;
	--text-secondary: #f8fafc;
	--text-muted: #cbd5e1;
	--text-inverse: #14213D;
	--text-disabled: #94a3b8;
	--text-link: #21A99A;

	--border-color: #5F6B87;
	--border-light: #1E315A;
	--border-dark: #5F6B87;

	--primary: #2864DC;
	--primary-hover: #1E4EAA;
	--primary-light: rgba(40, 100, 220, 0.15);
	--primary-text: #ffffff;

	--success: #16C784;
	--success-hover: #16a34a;
	--success-light: #14532d;

	--warning: #f97316;
	--warning-hover: #ea580c;
	--warning-light: #431407;

	--danger: #D64545;
	--danger-hover: #dc2626;
	--danger-light: #450a0a;

	--info: #22d3ee;
	--info-light: #164e63;

	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
	--shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
	--shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.4);

	--accent-purple: #a855f7;
	--accent-purple-light: #3b0764;
	--accent-orange: #fb923c;
	--accent-orange-light: #431407;
	--accent-blue: #60a5fa;
	--accent-green: #21A99A;
	--accent-red: #f87171;
	--accent-yellow: #fbbf24;

	/* Bootstrap Variable Mapping */
	--bs-body-color: var(--text-secondary);
	--bs-heading-color: var(--text-primary);
}