:root {
  /* 기본 컬러 */
  --bg-color: #fdfdfd;
  --text-color: #111111;
  --sub-text-color: #666666;
  --border-color: #ccc;
  --hover-bg: #f0f0f0;
  --highlight-color: #007bff;
  --selected-color: #111;
  --lotto-red: #d00;

  /* 단청 색상 팔레트 */
  --dancheong-red-ju: #a8372d;
  --dancheong-red-daja: #7c1f1a;
  --dancheong-orange: #d66b33;
  --dancheong-yellow: #f3c73e;
  --dancheong-brown-uk: #c48a5b;
  --dancheong-green-samrok: #3e6841;
  --dancheong-green-yangrok: #4d7c53;
  --dancheong-blue-samcheong: #3e5d8f;
  --dancheong-blue-hayeop: #4e759c;
  --dancheong-blue-yangcheong: #5776b8;
  --dancheong-white-baekrok: #e8e8d9;

  /* 그림자 컬러 (투명도 포함) */
  --shadow-blue: rgba(62, 93, 143, 0.4);
  --shadow-blue-hover: rgba(62, 93, 143, 0.6);
  --shadow-red: rgba(168, 55, 45, 0.4);
  --shadow-red-hover: rgba(168, 55, 45, 0.6);
  --shadow-green: rgba(62, 104, 65, 0.4);
  --shadow-green-hover: rgba(62, 104, 65, 0.6);
  --shadow-yellow: rgba(243, 199, 62, 0.4);
  --shadow-yellow-hover: rgba(243, 199, 62, 0.6);
  --shadow-orange: rgba(214, 107, 51, 0.4);
  --shadow-orange-hover: rgba(214, 107, 51, 0.6);

  /* 스페이싱 */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 20px;
  --spacing-lg: 30px;
  --spacing-xl: 40px;

  /* 폰트 크기 */
  --font-size-sm: 13px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 28px;
  --font-size-xxl: 36px;
  --font-size-xxxl: 40px;

  /* 애니메이션 */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}

/* 전체 폰트 지정 */
html {
  font-family: 'Gowun Batang', serif;
}

button, input, textarea, select {
  font-family: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: var(--bg-color);
  color: var(--text-color);
  line-height: 1.6;
}

/* 기본 타이포그래피 */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--spacing-md) 0;
  color: var(--text-color);
  font-weight: bold;
}

h1 {
  font-size: var(--font-size-xxl);
}

h2 {
  font-size: var(--font-size-xl);
}

p {
  margin: 0 0 var(--spacing-md) 0;
}