:root {
  --atlas-bg: #080b10;
  --atlas-panel: #10151d;
  --atlas-panel-raised: #151b25;
  --atlas-line: rgba(255, 255, 255, .1);
  --atlas-text: #f4f7ef;
  --atlas-muted: #929baa;
  --atlas-lime: #b8ff3d;
  --atlas-cyan: #78e8ff;
  --atlas-radius-sm: 12px;
  --atlas-radius-md: 18px;
  --atlas-radius-lg: 26px;
  --atlas-safe-bottom: max(12px, env(safe-area-inset-bottom));
}

button, a, input, textarea, select { touch-action: manipulation; }

:focus-visible {
  outline: 2px solid var(--atlas-lime);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overscroll-behavior-y: none; }
}