@charset "utf-8";

:root {
	--color-primary: 255, 56, 92; /** #FF385C */
	--color-secondary: 31, 41, 55; /** #1F2937 */
	
	/** gray */
	--color-gray-001: 18, 18, 18; /** #121212 */
	--color-gray-002: 61, 61, 61; /** #3D3D3D */
	--color-gray-003: 102, 102, 102; /** #666666 */
	--color-gray-004: 139, 139, 139; /** #8B8B8B */
	--color-gray-005: 164, 164, 164; /** #A4A4A4 */
	--color-gray-006: 196, 196, 196; /** #C4C4C4 */
	--color-gray-007: 237, 237, 237; /** #EDEDED */
	--color-gray-008: 248, 248, 248; /** #F8F8F8 */
	
	/** sso */
	--color-apple-background: 18, 18, 18; /** #121212 */
	--color-apple-label: 255, 255, 255; /** #FFFFFF */
	--color-kakao-background: 255, 228, 2; /** #FFE402 */
	--color-kakao-label: 59, 30, 30; /** #3B1E1E */
	--color-naver-background: 15, 198, 63; /** #0FC63F */
	--color-naver-label: 255, 255, 255; /** #FFFFFF */
	
	
	/** black */
	--color-black: 0, 0, 0; /** #000000 */
	--color-white: 255, 255, 255; /** #FFFFFF */
	
	
	--color-alert: 250, 59, 59; /** #FA3B3B */
	
	
	/** rental status */
	--color-status-001: var(--color-gray-005); /** #3D3D3D */
	--color-status-002: var(--color-alert); /** #FA3B3B */
	--color-status-003: var(--color-alert); /** #FA3B3B */
	--color-status-004: var(--color-secondary); /** #1F2937 */
	--color-status-005: var(--color-alert); /** #FA3B3B */
	--color-status-006: 55, 112, 255; /** #3770FF */
	--color-status-007: var(--color-alert); /** #FA3B3B */
	--color-status-008: 74, 218, 7; /** #4ADA07 */
	
}