:root{
  --brand-coral:#FF6A5C;     /* fondo principal */
  --brand-coral-600:#e85f53;
  --brand-ink:#2A2A2A;       /* texto principal */
  --brand-cream:#FFF3EA;     /* fondos suaves / highlights */
  --brand-line:#FFD7CF;      /* bordes claros */
}
.bg-brand-50{ background: var(--brand-cream); }
.text-brand-ink{ color: var(--brand-ink); }

.card{
  background: rgba(255,255,255,.92);
  border:1px solid var(--brand-line);
  border-radius:1.25rem;
  padding:1rem 1.25rem;
  box-shadow:0 10px 24px rgba(42,42,42,.06);
}
.card-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:.9rem;
  background:#FFE3DD;color:var(--brand-ink);margin-bottom:.35rem;
}
.card-title{ color:var(--brand-ink); font-weight:600; font-size:.95rem; }
.card-value{ color:var(--brand-ink); font-weight:800; font-size:1.35rem; margin-top:.25rem; }

.panel{
  background: rgba(255,255,255,.95);
  border:1px solid var(--brand-line);
  border-radius:1.25rem;
  padding:1rem 1.25rem;
  box-shadow:0 10px 24px rgba(42,42,42,.06);
}
.panel-title{ font-weight:700;color:var(--brand-ink);margin-bottom:.6rem; }

.input{
  width:100%;margin-top:.25rem;border:1px solid var(--brand-line);border-radius:.9rem;
  padding:.6rem .9rem; outline:none; background:#fff;
}
.input:focus{ border-color: var(--brand-coral); box-shadow:0 0 0 3px rgba(255,106,92,.18); }

.btn-primary{
  width:auto;background:var(--brand-coral);color:#fff;padding:.7rem 1rem;border-radius:.9rem;font-weight:600;
  box-shadow:0 10px 20px rgba(255,106,92,.28);
}
.btn-primary:hover{ background:var(--brand-coral-600); }
.btn-dark{ background:var(--brand-ink); color:#fff; padding:.5rem .9rem; border-radius:.7rem;}
.btn-dark:hover{ opacity:.92; }

.link{ color:var(--brand-coral-600); text-decoration:underline; }
.nav-pill{ padding:.35rem .7rem; border-radius:.6rem; color:var(--brand-ink); }
.nav-pill.active,.nav-pill:hover{ background:#FFE3DD; }

.h2{ margin-top:1rem; font-weight:700; color:var(--brand-ink); }
.list{ list-style:disc; margin-left:1.25rem; }