/* 1. 테마 변수 정의 (다크/라이트 모드) */
:root { /* 라이트 모드 색상 */
 --bg-primary: #f8fafc; --bg-secondary: #ffffff; --bg-tertiary: #f1f5f9; --text-primary: #0f172a; --text-secondary: #475569; --text-tertiary: #94a3b8; --text-inverse: #ffffff; --color-primary: #3b82f6; --color-primary-hover: #2563eb; --color-primary-light: rgba(59, 130, 246, 0.1); --border-color: #e2e8f0; --radius-md: 0.5rem; --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } 

[data-theme="dark"] { /* 다크 모드 색상 보완 */
 --bg-primary: #0f172a; --bg-secondary: #1e293b; --bg-tertiary: #334155;
 --text-primary: #f8fafc; --text-secondary: #cbd5e1; /* 더 밝은 회색으로 변경 */
 --text-tertiary: #94a3b8; /* 더 밝은 회색으로 변경 */
 --text-inverse: #0f172a;
 --color-primary: #60a5fa; --color-primary-hover: #93c5fd; --color-primary-light: rgba(96, 165, 250, 0.15);
 --border-color: #334155; } 

/* 2. 전역 리셋 및 기본 스타일 */
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } 

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: var(--bg-primary); /* 변수 적용! */
 color: var(--text-primary); /* 변수 적용! */
 line-height: 1.5; transition: background-color 0.3s ease, color 0.3s ease; min-height: 100vh; } 

/* 3. 앱 전체 컨테이너 (중앙 정렬 및 배경) */
.app-shell { max-width: 1024px; margin: 0 auto; min-height: 100vh; background-color: var(--bg-secondary); /* 변수 적용! */
 box-shadow: var(--shadow-lg); position: relative; transition: background-color 0.3s ease; } 

/* 4. 기타 전역 유틸리티 */
button, input, select, textarea { font-family: inherit; } 

input:focus { outline: none; }