/*
 * The site switch's page (D17): "coming soon" or "we'll be right back", answered by the Router's
 * edge function while the site is closed (packages/core/src/config/site.ts). The edge has room
 * for bare markup only, so its whole look is here, a file the switch lets through. Brand D's
 * colours, in light and dark; system fonts, since the app's own are fingerprinted builds.
 */
:root {
  color-scheme: light dark;
  --bg: light-dark(#f6f5fb, #100e22);
  --panel: light-dark(#ffffff, #1a1833);
  --fg: light-dark(#1a1838, #f1effa);
  --muted: light-dark(#6e6b8a, #8f8bab);
  --border: light-dark(#e4e2ef, #2c2a48);
  --signature: #ffd84d;
  --on-signature: #1a1838;
}

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px 16px;
  box-sizing: border-box;
  background: var(--bg);
  color: var(--fg);
  font:
    18px/1.5 system-ui,
    -apple-system,
    'Segoe UI',
    sans-serif;
  text-align: center;
}

main {
  width: 100%;
  max-width: 560px;
  box-sizing: border-box;
  display: grid;
  justify-items: center;
  gap: 16px;
  padding: 40px 24px;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--panel);
}

/* The wordmark, on the logo's sticky yellow. */
b {
  padding: 6px 14px;
  border-radius: 6px;
  background: var(--signature);
  color: var(--on-signature);
  font-weight: 800;
  letter-spacing: -0.01em;
}

h1 {
  margin: 0;
  font-size: clamp(28px, 7vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

p {
  margin: 0;
  max-width: 40ch;
}

p:empty {
  display: none;
}

nav {
  color: var(--muted);
  font-size: 15px;
}

nav a {
  color: inherit;
}