@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&family=Bebas+Neue&family=DM+Mono:wght@400;500&display=swap");

:root {
  --ink: #06060b;
  --ink-soft: #0d0d15;
  --panel: #12121c;
  --panel-2: #191923;
  --paper: #f2f3f8;
  --muted: #a7a8b8;
  --line: rgba(238, 239, 255, .14);
  --blue: #3779ff;
  --blue-bright: #80a8ff;
  --violet: #b833ff;
  --violet-bright: #e19cff;
  --acid: #c9ff4c;
  --warm: #ff8b47;
  --danger: #ff7b9b;
  --mono: "DM Mono", monospace;
  --display: "Bebas Neue", "Arial Narrow", sans-serif;
  --body: "Barlow Condensed", sans-serif;
  --page: min(1380px, calc(100% - 56px));
}

@media (max-width: 980px) {
  :root { --page: min(760px, calc(100% - 36px)); }
}

@media (max-width: 620px) {
  :root { --page: calc(100% - 30px); }
}