:root {
  --forge-navy: #173048;
  --deep-oxide: #0d1a26;
  --steel-blue: #49677f;
  --machined-gray: #d9ddd9;
  --warm-paper: #f6f1e7;
  --safety-amber: #e1a01d;
  --cut-copper: #b46b3c;
  --ink: #182532;
  --muted-ink: #66717b;
  --line: rgba(23, 48, 72, 0.18);
  --display: "Bahnschrift", "Aptos Display", "Segoe UI Variable Display", sans-serif;
  --text: "Aptos", "Segoe UI Variable Text", "Trebuchet MS", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 12% 10%, rgba(225, 160, 29, 0.14), transparent 24rem),
    linear-gradient(135deg, #fbf7ee 0%, #edf0ec 62%, #d8dfdc 100%);
  color: var(--ink);
  font-family: var(--text);
}

purefab-site {
  display: block;
}

::selection {
  background: var(--safety-amber);
  color: var(--deep-oxide);
}

@media (max-width: 760px) {
  body {
    background:
      radial-gradient(circle at 22% 8%, rgba(225, 160, 29, 0.14), transparent 18rem),
      linear-gradient(145deg, #fbf7ee 0%, #e8eeeb 100%);
  }
}