/*
 * MaskRun 디자인 토큰 (단일 소스)
 * 이 파일이 색상/spacing/그림자 등의 유일한 기준입니다.
 * 다른 CSS 파일은 값을 직접 하드코딩하지 말고 반드시 이 변수를 참조하세요.
 * (예: color: var(--primary-color, #ff5a5f);  ← 두 번째 값은 로드 실패 대비 폴백)
 */
:root {
    --primary-color: #ff5a5f;
    --primary-hover: #dd4045;
    --secondary-color: #64748b;
    --success-color: #22c55e;
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #2563eb;

    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;

    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;

    --border-color: #e2e8f0;
    --border-light: #f1f5f9;

    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    --container-max-width: 1400px;
    --sidebar-width: 260px;
    --header-height: 70px;
    --border-radius: 12px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;

    --z-dropdown: 100;
    --z-sidebar: 200;
    --z-modal: 300;
    --z-overlay: 400;

    --transition-fast: 0.1s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    --reply-bg: #fff7f7;
    --reply-border: #ffaeae;

    /* 상태 배지/경고문구/모달에서 실제 쓰이던 색을 그대로 토큰화 (게시판+회원+시스템메시지 공통) */
    --danger-bg: #fef2f2;
    --danger-bg-strong: #fee2e2;
    --danger-border: #fecaca;
    --danger-strong: #dc2626;

    --warning-bg: #fef3c7;
    --warning-border: #fcd34d;
    --warning-text: #92400e;
    --warning-strong: #d97706;

    --success-bg: #f0fdf4;
    --success-bg-strong: #dcfce7;
    --success-border: #bbf7d0;
    --success-text: #166534;
    --success-strong: #16a34a;
}