:root {
  color-scheme: light;

  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;

  --ink: #14171a;
  --muted: #5c636d;
  --line: #dfe2e6;
  --rule: #c9cdd3;
  --paper: #ffffff;
  --tint: #f3f4f6;
  --navy: #0f1c30;
  --navy-deep: #0a1424;
  --navy-line: rgba(255, 255, 255, 0.16);
  --on-navy: #b9c4d4;
  --blue: #1f55dc;

  --stage-noktis: #ebe8e1;
  --stage-matter: #f1ebe4;
  --stage-auralyo: #e4e9f4;
  --stage-ivio: #e8e8f4;

  --pad: 40px;
  --gap: 24px;
  --block: 56px;
  --space: 120px;
}

@media (max-width: 1120px) {
  :root {
    --pad: 32px;
    --space: 96px;
  }
}

@media (max-width: 760px) {
  :root {
    --pad: 20px;
    --gap: 16px;
    --block: 40px;
    --space: 72px;
  }
}