/* theme.css — esquema de colores y utilidades ligeras */
:root{
  --brand-bg:#0f172a;
  --brand-fg:#ffffff;
  --accent:#0ea5e9;
  --muted:#64748b;
  --card-radius:12px;
}

.hero{ background:var(--brand-bg); color:var(--brand-fg); }
.btn-accent{ background:var(--accent); color:#fff; border-color:var(--accent); }
.text-muted-2{ color:var(--muted)!important; }
.card{ border-radius:var(--card-radius); }