/* ===== 福記傳統豆花 — 傳統中式色系主題 ===== */
:root {
  --bg:           #FAF6F0;   /* 溫暖米白 */
  --surface:      #F0E8DC;   /* 暖米色 */
  --surface-hover:#E8DDD0;
  --primary:      #9B7E5C;   /* 木質棕 */
  --accent:       #8B2A35;   /* 傳統暗紅 */
  --dark:         #3A2A1A;   /* 深棕黑 */
  --muted:        #7A6555;   /* 灰棕 */
  --white:        #FFFFFF;
  --shadow:       0 4px 20px rgba(58, 42, 26, 0.1);
  --shadow-hover: 0 8px 32px rgba(58, 42, 26, 0.18);
  --radius:       8px;       /* 方一些，呼應傳統感 */
}

/* 品牌名稱字體風格 */
.brand-name {
  font-family: 'Noto Serif TC', serif;
  letter-spacing: 0.5em;
  font-size: 0.82rem;
}

/* 傳統燈籠橘紅色 Hero 圓點 */
.hero-dot.active {
  background: rgba(255, 200, 120, 0.95);
}

/* 作品集格子 hover overlay 調整 */
.portfolio-overlay {
  background: rgba(58, 42, 26, 0.5);
}

/* 活動卡片左側線顏色 */
.event-card {
  border-left-color: var(--accent);
}

/* 按鈕 */
.btn-primary {
  background: var(--accent);
}
.btn-primary:hover {
  background: #6B1E28;
}
.btn-outline {
  border-color: var(--accent);
  color: var(--accent);
}
.btn-outline:hover {
  background: var(--accent);
  color: var(--white);
}

/* Modal tag */
.modal-tag {
  border-color: var(--accent);
  color: var(--accent);
}

/* section 標題下的分隔線 */
.divider {
  background: var(--accent);
}

/* Footer */
footer {
  background: #2A1A0E;
}

/* 社群按鈕 hover */
.social-btn:hover {
  background: var(--accent);
  border-color: var(--accent);
}

/* Logo 圓形 */
.logo-placeholder {
  border-radius: var(--radius);  /* 方形 Logo，呼應傳統印章風 */
  border-color: var(--accent);
}

/* Hero 佔位背景調整為暖棕系 */
.hero-slide:nth-child(1) { background: linear-gradient(135deg, #C4A882 0%, #9B7E5C 50%, #7A5C3C 100%); }
.hero-slide:nth-child(2) { background: linear-gradient(135deg, #B89A72 0%, #8B6848 50%, #6A4A2A 100%); }
.hero-slide:nth-child(3) { background: linear-gradient(135deg, #D0B890 0%, #A88860 50%, #886040 100%); }
.hero-slide:nth-child(4) { background: linear-gradient(135deg, #B8A080 0%, #907058 50%, #705038 100%); }
.hero-slide:nth-child(5) { background: linear-gradient(135deg, #C8B098 0%, #A09078 50%, #806048 100%); }
.hero-slide:nth-child(6) { background: linear-gradient(135deg, #BCA888 0%, #947868 50%, #745848 100%); }

/* 作品集格子佔位背景 */
.portfolio-card:nth-child(1) .portfolio-card-thumb { background: linear-gradient(135deg, #DDD0C0 0%, #C0B0A0 100%); }
.portfolio-card:nth-child(2) .portfolio-card-thumb { background: linear-gradient(135deg, #CBBFAF 0%, #ACA090 100%); }
.portfolio-card:nth-child(3) .portfolio-card-thumb { background: linear-gradient(135deg, #D5C5B5 0%, #B8A898 100%); }
.portfolio-card:nth-child(4) .portfolio-card-thumb { background: linear-gradient(135deg, #C8BAA8 0%, #ABA090 100%); }
.portfolio-card:nth-child(5) .portfolio-card-thumb { background: linear-gradient(135deg, #D0C0B0 0%, #B0A090 100%); }
.portfolio-card:nth-child(6) .portfolio-card-thumb { background: linear-gradient(135deg, #C5B8A8 0%, #A8A098 100%); }