:root {
  --bg: #050a14;
  --surface: #0c1626;
  --panel: #111f33;
  --panel-soft: rgba(255, 255, 255, 0.04);
  --border: rgba(255, 255, 255, 0.08);
  --accent: #438ac2;
  --accent-strong: #32546d;
  --text: #e3ecfb;
  --muted: #a4b7cf;
  --code-bg: #0a1221;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  user-select: text;
}

.no-select {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.no-select * {
  user-select: none !important;
  -webkit-user-select: none !important;
}

.no-selectable,
.docs-hero,
.docs-card,
.overview-card,
.docs-tip,
.docs-checklist,
.docs-checklist__item,
.docs-hero__status,
.sidebar-nav,
.sidebar-summary,
.sidebar-link,
.docs-card--link a,
.overview-card a,
.docs-tip-grid,
.cta {
  user-select: none;
  -webkit-user-select: none;
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}