/* ============================================================
   variables.css — 공통 CSS 변수 & 리셋
   모든 프론트엔드 CSS 파일의 첫 번째로 로드됩니다.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

/* ── CSS 변수 ──────────────────────────────────────────────── */
:root {
  /* 브랜드 색상 */
  --primary:      #1a1a1a;
  --accent:       #c9a96e;
  --accent-light: #f5efe4;

  /* 그레이 스케일 */
  --gray-100: #f8f8f8;
  --gray-200: #eeeeee;
  --gray-400: #999999;
  --gray-600: #555555;
  --white:    #ffffff;
  --border:   #e8e8e8;

  /* 상태 색상 */
  --success:    #2e7d32;
  --success-bg: #e8f5e9;
  --warning:    #e65100;
  --warning-bg: #fff3e0;
  --info:       #1565c0;
  --info-bg:    #e3f2fd;
  --danger:     #c62828;
  --danger-bg:  #ffebee;

  /* 타이포그래피 */
  --font: 'Noto Sans KR', sans-serif;
}

/* ── 글로벌 리셋 ───────────────────────────────────────────── */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font);
  color: var(--primary);
  font-size: 14px;
  line-height: 1.5;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}