:root{
  --primary:#2563eb;
  --secondary:#0ea5e9;
  --sidebar:#0f172a;
  --bg:#f8fafc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
}

html,body{height:100%}
body{background:var(--bg);color:var(--text)}

.btn{padding:.5rem .75rem;border-radius:.5rem;font-weight:600}
.btn-primary{background:var(--primary);color:white}
.btn-secondary{background:var(--secondary);color:white}
.btn-outline{border:1px solid #cbd5e1}
.card{background:var(--card);border:1px solid #e2e8f0;border-radius:.75rem}
.sidebar{background:var(--sidebar);color:white}
.link{color:var(--primary)}