:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-io: cubic-bezier(0.77, 0, 0.175, 1);

  --sans: "Montserrat", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --serif: "Petrona", Georgia, serif;

  --ink: #0B111C;
  --navy: #26364D;
  --mint: #7FD8B0;
  --sky: #A9C4FF;
  --text: #E9EDF3;
  --text-soft: rgba(233, 237, 243, 0.72);
  --text-faint: rgba(233, 237, 243, 0.6);
  --line: rgba(255, 255, 255, 0.14);

  --gutter: 40px;
  --maxw: 1240px;
  --nav-h: 72px;
}

@media (max-width: 960px) {
  :root { --gutter: 20px; --nav-h: 64px; }
}