/* Shared by the app and server-rendered pages, before any JavaScript runs. */
:root {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:root {
    color-scheme: dark;
    --ink: #f3f1ef;
    --text: var(--ink);
    --muted: #c8c4c1;
    --border: #66574d;
    --line: var(--border);
    --soft: #342b25;
    --surface: #241e19;
    --panel: var(--surface);
    --green: #ff9500;
    --green-dark: #ffb45c;
    --ui-hover: #403024;
    --ui-selected: #49372b;
    --ui-accent: #ffb45c;
    --ui-danger: #ffb4ab;
    --ui-danger-surface: #432520;
    --ui-success: #89dda8;
    --language-bg: var(--soft);
    --language-panel: var(--surface);
    --language-text: var(--muted);
    --language-border: var(--border);
    --language-active-bg: var(--ui-selected);
    --language-active-text: var(--ui-accent);
    --language-focus: var(--ui-accent);
    background: #171412;
    color: var(--ink);
  }
  html body {
    color: var(--ink);
    background:
      radial-gradient(ellipse at 30% 0%, #38291f 0%, transparent 65%),
      radial-gradient(ellipse at 90% 90%, #30241c 0%, transparent 60%), #171412;
  }
  /* Public homepage, legal notices and invitation entry pages. */
  body > header .brand,
  body > main h1,
  body > main .again {
    color: var(--ink);
  }
  body > main p,
  body > main .hint,
  body > footer,
  body > footer p,
  body > footer a,
  body .footer-bottom a,
  body > main .date {
    color: var(--muted);
  }
  body > main a,
  body > main .downloads a,
  body .features span {
    color: var(--ui-accent);
  }
  body .features li {
    background: var(--surface);
    border-color: var(--border);
  }
  body > main .open,
  body > main .button {
    color: #382000;
    background: #ff9500;
  }
  body > main .open.beta,
  body > main .button.secondary {
    background: var(--soft);
    color: var(--ui-accent);
  }
  body .summary,
  body .translation-note,
  body > .invite-card {
    background: var(--soft);
    border-color: var(--border);
  }
  a:focus-visible,
  summary:focus-visible {
    outline-color: var(--ui-accent);
  }
}