:root {
  color-scheme: dark;
  --orbita-bg: #020609;
  --orbita-surface: #061417;
  --orbita-surface-2: #0B2425;
  --orbita-teal: #7CB5B0;
  --orbita-teal-deep: #0D4B4A;
  --orbita-gold: #D6B777;
  --orbita-ivory: #F4F4EF;
  --orbita-muted: #8E9A9B;
  --orbita-line: rgba(244, 244, 239, .14);
  --orbita-header-height: 76px;
  --orbita-gutter: clamp(20px, 3vw, 52px);
  --orbita-ease: cubic-bezier(.2, .75, .2, 1);
  --orbita-focus: 0 0 0 2px var(--orbita-bg), 0 0 0 4px var(--orbita-gold);
}

@media (max-width: 720px) {
  :root {
    --orbita-header-height: 64px;
    --orbita-gutter: 18px;
  }
}