:root {
	--primary: #cb9056;
	
	--color-bg-main: #121C2E;
	--color-bg-section: #1A2740;
	--color-primary: #cb9056;
	--color-primary-light: #efb47a;
	--color-text-main: #ffffff;
	--color-text-sub: #AAB7D1;
	--color-border: #2B3C5A;
	--color-gradient: linear-gradient(135deg, #121C2E 0%, #1F3355 100%);
	
	--blue: #0d6efd;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #d63384;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #198754;
	--teal: #20c997;
	--cyan: #0dcaf0;
	--g_charcoal: #222023;
	--g_100: color-mix(in srgb, var(--g_charcoal) 10%, white);
	--g_200: color-mix(in srgb, var(--g_charcoal) 20%, white);
	--g_300: color-mix(in srgb, var(--g_charcoal) 30%, white);
	--g_400: color-mix(in srgb, var(--g_charcoal) 40%, white);
	--g_500: color-mix(in srgb, var(--g_charcoal) 50%, white);
	--g_600: color-mix(in srgb, var(--g_charcoal) 60%, white);
	--g_700: color-mix(in srgb, var(--g_charcoal) 70%, white);
	--g_800: color-mix(in srgb, var(--g_charcoal) 80%, white);
	--g_900: color-mix(in srgb, var(--g_charcoal) 90%, white);
	--width-xxs: 550px;
	--width-xs: 640px;
	--width-sm: 768px;
	--width-md: 980px;
	--width-lg: 1160px;
	--width-xl: 1280px;
	--width-xxl: 1440px;
	--font-family: 'Jost', 'Noto Sans TC', 'Noto Sans SC';
}