/* ── Reset ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Static design tokens ───────────────────────────────────── */
:root {
  /* --brand and --brand-rgb are injected dynamically by PHP in views/head.php */
  --bg:       #0d0d0d;
  --surface:  #161616;
  --surface2: #1f1f1f;
  --surface3: #252525;
  --border:   rgba(255,255,255,.07);
  --text:     #f0f0f0;
  --muted:    #888;
  --r:        16px;
  --r-lg:     22px;
}

/* ── Base ────────────────────────────────────────────────────── */
html, body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  min-height: 100dvh;
  -webkit-font-smoothing: antialiased;
}
a   { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ── Page layout ─────────────────────────────────────────────── */
.page { max-width: 1080px; margin: 0 auto; }

.content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 16px 48px;
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
}


/* ── Footer ──────────────────────────────────────────────────── */
footer {
  text-align: center;
  padding: 4px 20px 32px;
  font-size: .73rem;
  color: #444;
}