:root {
  color-scheme: dark;
}

body.ao-default-page {
  --ink: #f1ece5;
  --muted: #bbb9cf;
  --night: #070919;
  --night-soft: #0b0d23;
  --panel: rgba(14, 16, 34, .82);
  --line: rgba(202, 166, 104, .3);
  --line-soft: rgba(255, 255, 255, .08);
  --gold: #cfaa68;
  --gold-light: #f0d5a0;
  --gold-bright: #f0d5a0;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Arial, Helvetica, sans-serif;
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(ellipse at 92% 8%, #1b1235 0, transparent 25rem),
    radial-gradient(ellipse at 0 48%, #14102c 0, transparent 34rem),
    var(--night);
}

body.ao-default-page::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: .34;
  background-image:
    radial-gradient(circle at 12% 16%, rgba(255,255,255,.7) 0 1px, transparent 1.2px),
    radial-gradient(circle at 70% 11%, rgba(255,255,255,.5) 0 1px, transparent 1.2px),
    radial-gradient(circle at 34% 72%, rgba(255,255,255,.45) 0 1px, transparent 1.2px);
  background-size: 220px 180px, 300px 240px, 270px 210px;
}

body.ao-default-page .site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: rgba(5, 7, 19, .88);
  backdrop-filter: blur(18px);
}

body.admin-bar.ao-default-page .site-header {
  top: 32px;
}

body.ao-default-page .header-inner {
  width: min(1180px, calc(100% - 40px));
  min-height: 78px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

body.ao-default-page .brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

body.ao-default-page .brand img {
  width: 210px;
  height: auto;
}

body.ao-default-page .theme-toggle {
  display: none !important;
}

body.ao-default-page .main-nav {
  color: var(--muted);
  font-size: .9rem;
}

body.ao-default-page .menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--gold);
  background: transparent;
}

body.ao-default-page .inner-hero {
  border-color: var(--line-soft);
  background:
    radial-gradient(circle at 80% 20%, rgba(89, 54, 120, .22), transparent 28rem),
    #090b1d;
}

body.ao-default-page .entry-content,
body.ao-default-page .singular-entry {
  color: var(--ink);
}

@media (max-width: 980px) {
  body.ao-default-page .header-inner {
    min-height: 70px;
  }

  body.ao-default-page .brand img {
    width: 184px;
  }

  body.ao-default-page .menu-toggle {
    display: inline-grid !important;
    place-items: center;
  }
}

@media (max-width: 782px) {
  body.admin-bar.ao-default-page .site-header {
    top: 46px;
  }
}

@media (max-width: 680px) {
  body.ao-default-page .header-inner {
    width: min(100% - 28px, 1180px);
  }

  body.ao-default-page .brand img {
    width: 168px;
  }
}