/* Pagina segnaposto di walkiedesk.app: solo variabili di tokens.css (copia di viewer-web/tokens.css,
   generata da tools/tokengen da ui/tokens.json). Tema chiaro/scuro da prefers-color-scheme. */

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; margin: 0; }

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--wd-space-6);
  padding: var(--wd-space-4);
  background: var(--wd-bg);
  color: var(--wd-text);
  font-family: var(--wd-font-sans);
  font-size: var(--wd-font-size-md);
  line-height: var(--wd-line-height-body);
}

.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 28rem;
  padding: var(--wd-space-12) var(--wd-space-8);
  background: var(--wd-surface);
  border: 1px solid var(--wd-border);
  border-radius: var(--wd-radius-xl);
  box-shadow: var(--wd-shadow-lg);
  text-align: center;
}

.mark {
  width: 96px;
  height: 96px;
  color: var(--wd-primary-text);
}

h1 {
  margin: var(--wd-space-4) 0 0;
  color: var(--wd-primary-text);
  font-size: var(--wd-font-size-3xl);
  font-weight: var(--wd-font-weight-bold);
  line-height: var(--wd-line-height-heading);
}

.soon {
  margin: var(--wd-space-2) 0 0;
  color: var(--wd-text-muted);
  font-size: var(--wd-font-size-lg);
}

footer {
  color: var(--wd-text-subtle);
  font-size: var(--wd-font-size-xs);
}