:root {
  --red: #c73e3a;
  --red-dark: #a8322f;
  --red-light: #fde8e7;
  --red-glow: rgba(199, 62, 58, 0.12);
  --navy-dark: #0f1623;
  --cream: #f7f5f0;
  --surface: #ffffff;
  --text: #0f1623;
  --text-muted: #5c5a56;
  --border: #e5e0d8;
  --radius-sm: 8px;
  --font-ui: "DM Sans", system-ui, sans-serif;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1.25rem;
  border-radius: var(--radius-sm);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  font-family: var(--font-ui);
}

.btn-primary {
  background: var(--red);
  color: #fff;
}

.btn-primary:hover {
  background: var(--red-dark);
  color: #fff;
}

.btn-lg {
  padding: 0.85rem 1.25rem;
  font-size: 1rem;
}