/*
 * yish.app — tan 色調
 *
 * 主色: #C19A6B (camel/dark tan)
 * 副色: #D2B48C (tan)
 * 高亮: #E8D2A6
 * 淺米: #FAF6F0
 * 深棕: #6B5436
 */

:root {
  --yish-tan-50:  #FAF6F0;
  --yish-tan-100: #F5E6D3;
  --yish-tan-200: #E8D2A6;
  --yish-tan-300: #D2B48C; /* tan */
  --yish-tan-500: #C19A6B; /* camel */
  --yish-tan-700: #8B6F47;
  --yish-tan-900: #6B5436;
  --yish-text:    #3D2F1F;
}

[data-bs-theme="dark"] {
  --yish-text: #F5E6D3;
}

body {
  background: var(--yish-tan-50);
  color: var(--yish-text);
}

[data-bs-theme="dark"] body {
  background: #1c1814;
}

/* ---------- Navbar ---------- */
.yish-navbar {
  background: var(--yish-tan-50) !important;
  border-bottom: 1px solid var(--yish-tan-200);
}
[data-bs-theme="dark"] .yish-navbar {
  background: #2a221b !important;
  border-bottom-color: var(--yish-tan-900);
}
.yish-navbar .navbar-brand { color: var(--yish-tan-900); }
[data-bs-theme="dark"] .yish-navbar .navbar-brand { color: var(--yish-tan-200); }
.yish-navbar .nav-link { color: var(--yish-tan-700); }
[data-bs-theme="dark"] .yish-navbar .nav-link { color: var(--yish-tan-200); }
.yish-navbar .nav-link:hover { color: var(--yish-tan-500); }

/* ---------- Hero ---------- */
.hero-section {
  background: linear-gradient(135deg, var(--yish-tan-500) 0%, var(--yish-tan-700) 100%);
  position: relative;
  overflow: hidden;
}
.hero-section h1 {
  text-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.text-white-75 { color: rgba(255,255,255,0.75) !important; }

.download-card {
  border: 1px solid var(--yish-tan-200);
}
.platform-label {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--yish-tan-700);
}
[data-bs-theme="dark"] .platform-label { color: var(--yish-tan-200); }

/* ---------- Buttons (tan brand) ---------- */
.btn-yish {
  background: var(--yish-tan-500);
  border-color: var(--yish-tan-500);
  color: #fff;
}
.btn-yish:hover {
  background: var(--yish-tan-700);
  border-color: var(--yish-tan-700);
  color: #fff;
}

.btn-outline-yish {
  background: transparent;
  border: 1px solid var(--yish-tan-500);
  color: var(--yish-tan-500);
}
.btn-outline-yish:hover {
  background: var(--yish-tan-500);
  color: #fff;
}
[data-bs-theme="dark"] .btn-outline-yish {
  border-color: var(--yish-tan-300);
  color: var(--yish-tan-200);
}
[data-bs-theme="dark"] .btn-outline-yish:hover {
  background: var(--yish-tan-300);
  color: #2a221b;
}

/* ---------- Feature cards ---------- */
.feature-card {
  background: #fff;
  border: 1px solid var(--yish-tan-100);
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(193, 154, 107, 0.2);
}
[data-bs-theme="dark"] .feature-card {
  background: #2a221b;
  border-color: var(--yish-tan-900);
}

.feature-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--yish-tan-100);
  color: var(--yish-tan-700);
}
[data-bs-theme="dark"] .feature-icon {
  background: var(--yish-tan-900);
  color: var(--yish-tan-200);
}

/* ---------- Footer ---------- */
.yish-footer {
  background: var(--yish-tan-900);
}

/* ---------- Privacy header ---------- */
.policy-header {
  background: linear-gradient(135deg, var(--yish-tan-500) 0%, var(--yish-tan-700) 100%);
  color: #fff;
  padding: 3rem 0;
  margin-bottom: 3rem;
}
[data-bs-theme="dark"] .policy-header {
  background: linear-gradient(135deg, var(--yish-tan-700) 0%, var(--yish-tan-900) 100%);
}
.container h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  border-top: 2px solid var(--yish-tan-100);
  color: var(--yish-tan-900);
}
[data-bs-theme="dark"] .container h2 {
  border-top-color: var(--yish-tan-900);
  color: var(--yish-tan-200);
}
.container h2:first-of-type {
  border-top: none;
  margin-top: 0;
}