/* jessplusplus.com: restyles the MiniCms base theme (/_cms/base.css). */
:root {
  --bg: #fbfaff;
  --surface: #f3f0fc;
  --text: #1b1530;
  --muted: #5e5873;
  --accent: #5b2bd6;
  --accent-text: #ffffff;
  --border: #e2ddf0;
  --font-heading: var(--font-mono);
  --radius: 0.75rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #110d1c;
    --surface: #1a1529;
    --text: #ece8f7;
    --muted: #a69fbd;
    --accent: #a48bff;
    --accent-text: #110d1c;
    --border: #2e2645;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.site-header { background: transparent; }
.wordmark { letter-spacing: -0.02em; }

.hero {
  display: grid;
  align-content: center;
  gap: 1.5rem;
  min-height: 55vh;
  padding-block: clamp(1rem, 8vw, 5rem);
}
.hero-mark {
  margin: 0;
  font-size: clamp(3.25rem, 16vw, 8rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.06em;
}
.hero-mark .pp { color: var(--accent); }
.hero-body { font-size: clamp(1.125rem, 2.5vw, 1.375rem); color: var(--muted); }
.hero-body > :last-child { margin-bottom: 0; }