/*
 * variables.css - 파일 처리 시스템 색상 및 변수
 * 모든 색상과 기본 디자인 변수를 이곳에 정의합니다
 */

:root {
    /* 색상 변수 */
    --beige-lightest: #faf8f5;
    --beige-light: #f0e9de;
    --beige: #e5d7c3;
    --beige-median: #d2be9e;
    --beige-dark: #c1aa86;
    --blue-light: #dde5f2;
    --blue: #91a7cc;
    --blue-dark: #3f5787;
    --red: #c87c71;
    --text-dark: #292d36;
    --text-light: #65697a;



    /* 상태 색상 */
    --success-bg: #d4e9d6;
    --success-border: #c2dfcc;
    --success-text: #2c662d;
    --danger-bg: #f9d6d5;
    --danger-border: #f7c8c6;
    --danger-text: #813838;
    --warning-bg: #ffefd0;
    --warning-border: #ffe6b8;
    --warning-text: #856404;
    --info-bg: var(--blue-light);
    --info-border: #c1d7ea;
    --info-text: #385d7a;

    /* 공간 변수 */
    --border-radius-sm: 0.5rem;
    --border-radius: 0.75rem;
    --border-radius-lg: 1rem;

    /* 그림자 변수 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 6px 16px rgba(0, 0, 0, 0.1);

    /* 폰트 변수 */
    --font-family: 'Noto Sans KR', sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
}