/* 색상표 */
:root {
	/* ========== Primitive Color ========== */
	--color-primary-10: #DDF1FC;
	--color-primary-20: #A8CFE5;
	--color-primary-30: #67B0D7;
	--color-primary-40: #50A4D0;
	--color-primary-50: #0088CF;
	--color-primary-60: #086B9F;
	--color-primary-70: #055179;
	--color-primary-80: #36444B;
	--color-primary-90: #212E34;
	--color-primary-100: #171F23;

	--color-secondary-10: #E9F9F2;
	--color-secondary-20: #B5E7D2;
	--color-secondary-30: #79CAA7;
	--color-secondary-40: #51b288;
	--color-secondary-50: #369E71;
	--color-secondary-60: #278A5F;
	--color-secondary-70: #19704B;
	--color-secondary-80: #115839;
	--color-secondary-90: #0A472D;
	--color-secondary-100: #032818;

	--color-grayscale-00: #FFFFFF;
	--color-grayscale-05: #FAFAFA;
	--color-grayscale-10: #F2F2F3;
	--color-grayscale-15: #EBEAEA;
	--color-grayscale-20: #E6E6E6;
	--color-grayscale-30: #DCDDDD;
	--color-grayscale-40: #C9CACA;
	--color-grayscale-50: #B5B5B6;
	--color-grayscale-60: #949495;
	--color-grayscale-70: #727171;
	--color-grayscale-80: #4C4C4C;
	--color-grayscale-90: #393332;
	--color-grayscale-100: #000000;
	
	--color-red-10: #FAF3F3;
	--color-red-20: #F39A9A;
	--color-red-30: #EC6060;
	--color-red-40: #E23B3B;
	--color-red-50: #D12020;
	--color-red-60: #C41313;
	--color-red-70: #820F0F;
	--color-red-80: #5B0606;
	--color-red-90: #3D0101;
	--color-red-100: #280101;


	--color-yellow-50: #FFC106;
	--color-green-50: #217346;
	--color-orange-50: #FF8060;


	/* ========== Semantic Color ========== */
	--color-text-primary: var(--color-primary-50);
	--color-text-primary-strong: var(--color-primary-80);
	--color-text-secondary: var(--color-secondary-50);
	--color-text-disabled: var(--color-grayscale-60);
	--color-text-inverse: var(--color-grayscale-00);
	--color-text-default: var(--color-grayscale-80);
	--color-text-strong: var(--color-grayscale-90);
	--color-text-black: var(--color-grayscale-100);
	--color-text-lightgray: var(--color-grayscale-40);
	--color-text-red: var(--color-red-40);
	--color-text-danger: var(--color-red-50);
	--color-text-blue: var(--color-primary-60);
	--color-text-inactive: var(--color-grayscale-60);
	--color-text-placeholder: var(--color-grayscale-50);

	--color-text-nav: var(--color-grayscale-50);
	--color-text-nav-sub: var(--color-grayscale-00);
	--color-text-nav-active: var(--color-grayscale-90);
	--color-text-nav-active-sub: var(--color-primary-50);

	--color-bg-surface: var(--color-grayscale-00);
	--color-bg-onSurface: var(--color-grayscale-10);
	--color-bg-primary: var(--color-primary-50);
	--color-bg-primary-strong: var(--color-primary-90);
	--color-bg-priramy-active: var(--color-primary-100);
	--color-bg-primary-subtle: var(--color-primary-10);
	--color-bg-secondary: var(--color-secondary-50);
	--color-bg-lightgray: var(--color-grayscale-50);
	--color-bg-gray: var(--color-grayscale-70);
	--color-bg-darkgray: var(--color-grayscale-80);
	--color-bg-strong: var(--color-grayscale-90);
	--color-bg-disabled: var(--color-grayscale-20);
	--color-bg-inactive: var(--color-grayscale-40);
	--color-bg-inverse: var(--color-grayscale-90);
	--color-bg-white: var(--color-grayscale-00);
	--color-bg-danger: var(--color-red-50);
	--color-bg-danger-subtle: var(--color-red-10);
	--color-bg-black: var(--color-grayscale-100);
	--color-bg-green: var(--color-green-50);
	--color-bg-gradient: linear-gradient(90deg, var(--color-primary-50) 0%, var(--color-secondary-50) 100%);
	--color-bg-checked: var(--color-primary-30);
	--color-bg-select: #1967d2;

	--color-bg-sidebar: var(--color-primary-80);
	--color-bg-nav: var(--color-grayscale-00);
	--color-bg-nav-sub: var(--color-primary-20);

	--color-bg-grid-head: var(--color-grayscale-05);
	--color-border-grid-head: var(--color-grayscale-30);
	--color-bg-grid-hover: var(--color-grayscale-05);
	--color-border-grid: var(--color-grayscale-15);
	--color-bg-grid-select: var(--color-grayscale-10);

	--color-bg-search: var(--color-grayscale-05);

	--color-bg-paging: var(--color-primary-90);

	--color-icon-nav: var(--color-grayscale-40);

	--color-border-default: var(--color-grayscale-20);
	--color-border-strong: var(--color-grayscale-60);
	--color-border-dark: var(--color-primary-80);
	--color-border-disabled: var(--color-grayscale-40);
	--color-border-inverse: var(--color-grayscale-00);
	--color-border-white: var(--color-grayscale-00);
	--color-border-gray: var(--color-grayscale-50);
	--color-border-primary: var(--color-primary-50);
	--color-border-primary-strong: var(--color-primary-80);
	--color-border-inverse: var(--color-grayscale-00);
	--color-border-layer: var(--color-grayscale-40);
	--color-border-danger: var(--color-red-50);
	
	--color-border-control-default: var(--color-grayscale-40);
	--color-border-control-strong: var(--color-grayscale-60);

	--color-button-border-default: var(--color-grayscale-40);
	--color-button-border-hover: var(--color-grayscale-60);
	--color-button-border-active: var(--color-grayscale-40);
	--color-button-border-disabled: var(--color-grayscale-40);
	
	--color-calendar-project1: #276cc1;
	--color-calendar-project2: #e68048;
	--color-calendar-project3: #339275;

	--radius-0: 0;
	--radius-2: 2px;
	--radius-3: 3px;
	--radius-5: 5px;
	--radius-10: 10px;
	--radius-999: 999px;

	--radius-field: var(--radius-3);
	--radius-control: var(--radius-3);
	--radius-surface: var(--radius-10);
	--radius-pill: var(--radius-999);

	--font-default: 'Noto Sans';	
	--font-score: "S-CoreDream";
	--font-nanum: "Nanum Gothic";
	
	--fs-xs: 0.675rem;
    --fs-sm: 0.75rem;
    --fs-rg: 0.875rem;
    --fs-md: 1rem;
    --fs-lg: 1.2rem;
    --fs-xl: 1.5rem;
	
	--pd-xs: 0.3125rem;
	--pd-sm: 0.625rem;
	--pd-rg: 1rem;
	--pd-md: 1.25rem;
	--pd-lg: 2rem;
}