:root {
  --warm-1: #ffedd5; /* durazno claro */
  --warm-2: #fdba74; /* naranja suave */
  --warm-3: #f97316; /* acento */
  --ink:    #1f2937; /* gris oscuro */
}

body {
  color: var(--ink);
  background-color: #fff;
}

/* Botón principal */
.btn-primary {
  background-color: var(--warm-3);
  border-color: var(--warm-3);
}
.btn-primary:hover {
  background-color: #ea580c; /* tono más oscuro */
  border-color: #ea580c;
}

/* Sección hero */
.hero {
  background: linear-gradient(180deg, var(--warm-1), #fff);
  border-radius: 1.5rem;
  border: 1px solid #f3f4f6;
}

/* Tarjetas */
.card {
  border-radius: 1rem;
}

/* Badges suaves */
.badge-soft {
  background: var(--warm-1);
  color: var(--ink);
}

/* Logo en navbar */
.brand-logo {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  object-fit: cover;
}
.brand-text {
  letter-spacing: .2px;
}

/* Pastillas de valores (landing) */
.value-pill {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: .35rem .75rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.card h4 { letter-spacing: .2px; }
.form-text { color: #6b7280; }
.carousel .card { background: linear-gradient(180deg, var(--warm-1), #fff); }