:root {
  --accent: #d4a853;
  --accent-dim: rgba(212, 168, 83, 0.15);
  --bg: #0e0d0c;
  --bg-2: #1c1a17;
  --fg: #f5f0e8;
  --fg-2: rgba(245, 240, 232, 0.5);
}

/* Responsive */
@media (max-width: 768px) {
  section { padding-left: 24px !important; padding-right: 24px !important; }
  nav { padding: 16px 24px !important; }
  [style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:repeat(2,1fr)"] { grid-template-columns: 1fr !important; }
  footer > div { flex-direction: column; gap: 12px; text-align: center; }
}