:root {
	--primary: #d0945d;
	
	--bg: #f7f6f4;
	--panel: #ffffff;
	--muted: #6b7280;
	--text: #1f2937;
	--brand: #d0945d;
	--brand-2: #b67a47;
	--accent: #f59e0b;
	--max: 1200px;
	--radius: 18px;
	--shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	
	--blue: #0d6efd;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #d63384;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #198754;
	--teal: #20c997;
	--cyan: #0dcaf0;
	--g_charcoal: #1f2937;
	--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';
}