/* ===== NEWTIL CSS MAIN STYLE ===== */

/* Reset & Base */
@import url("./reset.css");
/* @import url("./root.css"); */

/* Utility System - Component-first + Utility-last 철학 */
@import url("./util/index.css");

/* Component System */
@import url(components.css);
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); */

/* @media (prefers-color-scheme: dark) {
	:root {
		--color-base-7: #ffffff;
		--color-background: #121212;
	}
	body {
		background-color: var(--color-background);
		color: var(--color-base-7);
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--color-base-7: #000000;
		--color-background: #ffffff;
	}
	body {
		background-color: var(--color-background);
		color: var(--color-base-7);
	}
} */

/* ===== GLOBAL THEME OVERRIDES ===== */

/* 유틸리티 시스템의 Variables를 필요시 오버라이드 */
:root{
	--color-text: var(--color-base-7);
	--color-text-onactive: var(--color-base-1);
	--color-text-onhover: var(--color-base-1);
	--color-background: var(--color-base-1);
	--color-background-onactive: rgba(var(--rgb-main-1), 0.7);
	--color-background-onhover: rgba(var(--rgb-base-5), 0.7);
	--color-icon-onactive: rgba(var(--rgb-main-1), 0.7);
	--color-icon-onhover: rgba(var(--rgb-base-5), 0.7);
}

@media (prefers-color-scheme: dark) {
	:root{
		--color-text: var(--color-base-2);		
		--color-background: var(--color-base-9);		
	}
}

/* ===== GLOBAL RESET ===== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* ===== BASE TYPOGRAPHY ===== */
body {	
	font-family: "Pretendard Variable", Pretendard, -apple-system,
		BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
		"Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	font-size: var(--font-size-body, 0.875rem); /* 14px = 0.875rem (16px 기준) */
	color: var(--color-text);
	background-color: var(--color-background);
	line-height: var(--line-height-normal, 1.5);
}

/* ===== LEGACY HELPER CLASSES ===== */
/* 주의: 새로운 유틸리티 시스템으로 마이그레이션 예정 */
/* 
.n-active,
.n-active\:1,
.n-active\:2,
.n-active\:3 {
	color: var(--color-base-1);
	border: none;
}

.n-active,
.n-active\:1 {
	background-color: rgba(var(--rgb-main-1), 0.7);
}

.n-active\:2 {
	background-color: rgba(var(--rgb-main-2), 0.7);
}

.n-active\:3 {
	background-color: rgba(var(--rgb-main-3), 0.7);
}

.n-shadow {
	box-shadow: var(--shadow-md);
} */