@import "./alpic-tokens.css";
@import "./skybridge.css";
@import "./sb-showcase.css";

:root {
  --font-display:
    var(--font-mozilla-text), "Inter", system-ui, -apple-system, Segoe UI,
    sans-serif;
  --font-body:
    var(--font-mozilla-text), "Inter", system-ui, -apple-system, Segoe UI,
    sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

html,
body {
  background: var(--sb-bg);
  color: var(--sb-ink);
}

.sb-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

a[href],
button:not(:disabled) {
  cursor: pointer;
}
