:root {
	/* Colors */
	--color-black: #000000;
	--color-white: #ffffff;
	--color-alert: #ff0000;
	--color-gray900: #030303;
	--color-gray800: #0e0e0e;
	--color-gray700: #222222;
	--color-gray600: #444444;
	--color-gray500: #666666;
	--color-gray400: #757575;
	--color-gray300: #bbbbbb;
	--color-gray200: #cccccc;
	--color-gray50: #efefef;
	--color-gray30: #f6f6f6;
	--color-point: #eb58ee;
	--color-point-secondary: #f396f5;
	--color-focus: #0066cc;
	/* Typography */
	--font-ko: "Pretendard Variable";
	--font-en: "AvantGarde LT";
	/* Layout */
	--container-width: 1280px;
	--gutter: 24px;
	--grid-cols: 12;
	--grid-gap: 4px;
	--grid-padding: 20px;
	--line-width: 1px;
	--mobile-gap: 12px;
	/* Z-index */
	--z-top-btn: 50;
	--z-popup: 100;
	--z-tooltip: 150;
	--z-pdp-cta: 160;
	--z-header: 200;
	--z-main-popup: 210;
	--z-modal: 300;
	--z-toast: 1000;
	--z-loading: 500;
	/* Radius */
	--radius-none: 0;
	--radius-sm: 3px;
	--radius-md: 5px;
	--radius-lg: 8px;
	--radius-xl: 10px;
	--radius-xxl: 16px;
	--radius-full: 999px;
	--radius-circle: 50%;
}