/*
 * base.css - 파일 처리 시스템 기본 스타일
 * 기본 레이아웃과 공통 요소에 대한 스타일을 정의합니다
 */

/* 기본 스타일 */
body {
    font-family: var(--font-family);
    background-color: var(--beige-lightest);
    color: var(--text-dark);
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

/* 컨테이너 */
.container {
    background-color: #fff;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow);
    padding: 0;
    overflow: hidden;
}

/* 헤더 */
.header {
    background-color: var(--blue);
    margin-bottom: 2rem;
    border-bottom: none;
    padding: 1.5rem;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}

.header h1 {
    color: var(--text-dark);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

/* 메인 컨텐츠 영역 */
main {
    padding: 0 1.5rem 1.5rem 1.5rem;
}

/* 네비게이션 */
.navbar {
    background-color: #fff;
}

/* 푸터 */
footer {
    background-color: var(--beige-lightest);
    color: var(--text-light);
    border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
    padding: 1.5rem;
    margin-top: 3rem !important;
}

/* 알림 메시지 */
.alert-success {
    background-color: var(--success-bg);
    border-color: var(--success-border);
    color: var(--success-text);
}

.alert-danger {
    background-color: var(--danger-bg);
    border-color: var(--danger-border);
    color: var(--danger-text);
}

.alert-warning {
    background-color: var(--warning-bg);
    border-color: var(--warning-border);
    color: var(--warning-text);
}

.alert-info {
    background-color: var(--info-bg);
    border-color: var(--info-border);
    color: var(--info-text);
}

/* 반응형 스타일 */
@media (max-width: 768px) {
    .container {
        border-radius: 0;
    }

    .header {
        border-radius: 0;
    }

    footer {
        border-radius: 0;
    }
}