/* ============================================================
   SumaCells · base común (usada por el hub).
   Componentes mínimos compartidos. Las apps mantienen su CSS;
   esto es la base de la suite y del design system común.
   ============================================================ */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}
a{color:var(--secondary)}

.wrap{max-width:1000px;margin:0 auto;padding:2.5rem 1.25rem}

.card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow);padding:1.4rem 1.5rem;text-decoration:none;color:inherit;
  display:block;transition:box-shadow .18s,transform .18s,border-color .18s;
}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--secondary)}

.btn{
  display:inline-block;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);
  padding:.6rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;
}
.btn:hover{background:var(--primary-deep)}
.btn-accent{background:var(--accent);color:var(--primary-deep)}