@charset "utf-8";
@import url(../fonts/iconfont/common/iconfont.css);
@import url(../fonts/iconfont/sns/iconfont.css);
@import url(../fonts/iconfont/customer/iconfont.css);
@import url(../fonts/iconfont/check/iconfont.css);

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

:root {
	/* 주 색상 : */
	--primary: #001A4B; /* 밝은  */
	--primary-light: #B1C8F5; /* 주 색상의 밝은 톤 */
	--primary-dark: #183053; /* 주 색상의 어두운 톤 */

	/* 보조 색상 : 선명한 대비 색, 강조 및 기능 구분용 */
	--success: #10b981; /* 선명한 그린 (성공) */
	--warning: #f59e0b; /* 밝은 오렌지 (경고) */
	--danger: #ef4444; /* 밝은 레드 (위험) */
	--info: #777caa; /* 밝은 블루 (정보) */

	/* 중립 색상 : 콘텐츠를 또렷하고 가독성 있게 */
	--text-primary: #1e293b; /* 깊은 그레이-블랙 (본문 텍스트) */
	--text-anti-primary:#FFFFFF;
	--text-secondary: #64748b; /* 중간 그레이 (보조 텍스트) */
	--text-tertiary: #94a3b8; /* 연한 그레이 (3차 텍스트) */

	/* 배경 색상 */
	--bg-primary: #ffffff; /* 화이트 (기본 배경) */
	--bg-secondary: #F5F5F5; /* 아주 연한 그레이 (보조 배경) */
	--bg-tertiary: #e2e8f0; /* 연한 그레이 (구분선/카드 배경) */
	--bg-cancel:#afb4b9;
	
	/* 테두리 색상 */
	--border-primary: #E5E5E5; /* 연한 그레이 테두리 */
	--border-secondary: #C8C8C8; /* 중간 그레이 테두리 */

	/* 상호작용 상태 색상 */
	--hover-primary: #0e3c97; /* 주 색상 호버 (짙은 퍼플) */
	--active-primary: #000f2c; /* 주 색상 활성 (어두운 퍼플) */
	--hover-success: #059669; /* 성공 색상 호버 */
	--hover-warning: #d97706; /* 경고 색상 호버 */
	--hover-danger: #dc2626; /* 위험 색상 호버 */
	--hover-info: #2563eb; /* 정보 색상 호버 */

	/* 특수 요소 색상 */
	--disabled: #cbd5e1; /* 비활성 상태 색상 */
	--placeholder: #94a3b8; /* 플레이스홀더 텍스트 색상 */
	--shadow: rgba(99, 102, 241, 0.1); /* 그림자 색상 (주 색상의 투명 톤) */
}