/* Integrable PDF sunset notice.
   One page, one stylesheet, no build step. Colors are the neutral shadcn
   palette the PDF Blocks site uses, so the handoff does not change look
   halfway through. */

@font-face {
  font-family: "Geist Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/geist-latin-wght-normal.woff2) format("woff2-variations");
  /* Latin only. The page has no other script, so no other subset ships. */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0 0 0);
  --muted: oklch(0.556 0 0);
  --ring: oklch(0.708 0 0);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: oklch(0.145 0 0);
    --foreground: oklch(0.985 0 0);
    --muted: oklch(0.708 0 0);
    --ring: oklch(0.556 0 0);
  }
}

body {
  box-sizing: border-box;
  margin: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  padding: 3rem 1.5rem;

  background: var(--background);
  color: var(--foreground);
  font-family: "Geist Variable", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  text-align: center;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

main {
  max-width: 30rem;
}

h1 {
  margin: 0 0 0.875rem;
  font-size: clamp(1.75rem, 1.2rem + 2.4vw, 2.375rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

p {
  margin: 0;
  font-size: 1.0625rem;
  color: var(--muted);
  text-wrap: pretty;
}

.logo {
  display: inline-block;
  margin-top: 2.75rem;
  border-radius: 0.25rem;
  transition: opacity 0.15s ease;
}

.logo:hover {
  opacity: 0.7;
}

.logo img {
  display: block;
  width: 9.5rem;
  height: auto;
}

.logo:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 6px;
}

footer {
  font-size: 0.8125rem;
  color: var(--muted);
}

@media (prefers-reduced-motion: reduce) {
  .logo {
    transition-duration: 0.01ms;
  }
}