/* assets/css/base.css */

*{
  box-sizing: border-box;
}

html,
body{
  min-height: 100%;
}

body{
  margin: 0;
  background: var(--page-bg);
  color: var(--text);
  font: 18px/1.45 system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* Typography */
.h1{
  font-size: 28px;
  margin: 0 0 6px 0;
}

.h2{
  font-size: 18px;
  margin: 0;
}

.lead{
  color: var(--text-muted);
  margin: 6px 0 0 0;
}

/* Generic text helpers */
.text-muted{
  color: var(--text-muted);
}

.text-soft{
  color: var(--text-soft);
}