/* base.css */
:root {
    /* Color Palette - Vibrant & Modern */
    --bg-main: #F8FAFC;           /* 밝은 회청색 배경 */
    --sidebar-bg: #FFFFFF;        /* 화이트 사이드바 */
    --card-bg: #FFFFFF;
    
    --primary: #4F46E5;           /* 인디고 블루 (메인) */
    --primary-hover: #4338CA;
    --secondary: #64748B;         /* 슬레이트 그레이 (보조) */
    
    --accent: #10B981;            /* 에메랄드 (배정/성공) */
    --danger: #F43F5E;            /* 로즈 (삭제/취소) */
    --warning: #F59E0B;           /* 앰버 (드래그/경고) */
    
    --text-main: #1E293B;         /* 짙은 텍스트 */
    --text-muted: #64748B;        /* 흐린 텍스트 */
    --border: #E2E8F0;            /* 경계선 색상 */
    
    --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

* {
    box-sizing: border-box;
    font-family: 'Pretendard', sans-serif; /* 현대적인 폰트 추천 */
}

body {
    margin: 0;
    background: var(--bg-main);
    color: var(--text-main);
    height: 100vh;
    overflow: hidden;
}

.container {
    display: flex;
    height: 100vh;
    width: 100vw;
}