/* ==========================
   Base
========================== */

html,
body {
  min-height: 100vh;

  background-color: #070b18;
  background:
    radial-gradient(circle at top, rgba(91, 73, 255, 0.18), transparent 34rem),
    radial-gradient(22rem 120rem at center top, rgba(91, 73, 255, 0.08), transparent 100%),
    linear-gradient(135deg, #071021, #070b18);

  background-attachment: fixed;
  background-repeat: no-repeat;
}

html {
  overflow-x: hidden;
  overscroll-behavior-y: none;
}

body {
  margin: 0;
  padding: var(--space-lg);

  color: var(--color-text);

  font-family: var(--font-family-base);
  line-height: 1.5;
}

.dashboard-page p,
.docs-page p,
.status-page p,
.api-page p {
  font-family: var(--font-family-mono);
}

a {
  color: inherit;
}

/* ==========================
   Auth Guard State
========================== */

.auth-checking main {
  display: none;
}