/* 基礎樣式 - 變量定義與全局重置 */
:root {
  /* 品牌色 */
  --color-primary: #7E292C;      /* 深紅 (與 Logo 顏色一致) */
  --color-secondary: #9A5B2E;    /* 赭石 */
  
  /* 中性色 */
  --color-text-main: #1F2933;    /* 墨色 */
  --color-text-helper: #6B6B6B;  /* 暖灰 */
  --color-bg-main: #F6F1E8;      /* 米白 */
  --color-border: #E7E1D7;       /* 淺灰 */
  
  /* 狀態色 */
  --color-success: #2E7D60;
  --color-warning: #B7791F;
  --color-error: #B23B3B;

  /* 尺寸與間距 */
  --container-width: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --transition-base: all 0.3s ease;
}

/* 移動端適配變量 */
@media (max-width: 768px) {
  :root {
    --container-width: 100%;
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: var(--color-text-main);
  background-color: var(--color-bg-main);
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition-base);
}

ul, ol {
  list-style: none;
}

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

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

button {
  cursor: pointer;
  border: none;
  background: none;
}

/* 常用輔助類 */
.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 20px;
}

.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-helper { color: var(--color-text-helper); }

.bg-white { background-color: #ffffff; }

.section-padding {
  padding: 60px 0;
}