/* HERITAGE THEME v2 — Warmer tan-gold, fixed button contrast */
:root {
  --color-bg-primary: #1a1510;
  --color-bg-secondary: #231a14;
  --color-bg-card: #2e2219;
  --color-wood-dark: #0c0906;
  --color-wood-medium: #1c1510;
  /* Warm tan-gold — halfway between Heritage olive-gold and Cozy Cafe warmth */
  --color-accent: #b89144;
  --color-accent-hover: #d4a574;
  --color-text-primary: #e8e2d9;
  --color-text-secondary: #b0a798;
  --color-text-on-accent: #1a1510;
}

body {
  background-color: var(--color-bg-primary);
  background-image: 
    repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(184, 145, 68, 0.02) 2px, rgba(184, 145, 68, 0.02) 4px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(184, 145, 68, 0.02) 2px, rgba(184, 145, 68, 0.02) 4px);
  background-attachment: fixed;
}

.feature-card {
  background: linear-gradient(145deg, rgba(46, 34, 25, 0.95), rgba(35, 26, 20, 0.98));
  border: 2px solid rgba(184, 145, 68, 0.3);
  border-radius: 4px;
}

.site-header {
  border-bottom: 3px double rgba(184, 145, 68, 0.4);
}

.hero-title {
  font-family: 'Crimson Text', serif;
  letter-spacing: 0.02em;
}

/* FIXED BUTTONS — Proper contrast on hover */
.btn-primary {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

.btn-primary:hover {
  background: var(--color-accent-hover);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent-hover);
}

.btn-secondary {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.btn-secondary:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

/* Ensure text never disappears on buttons */
.btn:hover {
  text-decoration: none;
}