:root {
  --ink: #15142b;
  --deep: #201f3d;
  --accent: #4b3df6;
  --tint: #e7e5ff;
  --pop: #ff8a3d;
  --paper: #f7f6fb;
  --muted: #5b5a72;
  --tile-bg: #eeebfa;
  --line: rgba(21, 20, 43, 0.14);
  --sans: "DM Sans", sans-serif;
  --display: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
}

a { color: inherit; text-decoration: none; }
.section-shell { padding-inline: max(6vw, 32px); }
.section-number { font-size: 11px; font-weight: 600; letter-spacing: 0.18em; }
.light { color: var(--tint); }