:root {
  --accent: #B8860B;
  --accent-hover: #996F0A;
  --bg: #FBF8F3;
  --bg-el: #F5EFE3;
  --surface: #EDE5D5;
  --border: #D9CCB5;
  --text: #2A2118;
  --muted: #7A6A50;
  --dim: #A89880;
  --font-heading: 'Sora', sans-serif;
  --font-body: 'Outfit', sans-serif;
}

.preview-badge {
  background: rgba(184, 134, 11, 0.06);
  border-color: rgba(184, 134, 11, 0.18);
}

.preview-card:hover {
  border-color: rgba(184, 134, 11, 0.3);
}

.preview-card-icon {
  background: rgba(184, 134, 11, 0.06);
}

.preview-btn-outline {
  border-color: rgba(184, 134, 11, 0.3);
  color: var(--accent);
}

.preview-btn-outline:hover {
  border-color: var(--accent);
}