/* ZLock theme for the shared app pages: white paper, black ink, the site's yellow.
   The shared layout uses --pad-accent as a TEXT colour too, so the accent here is ink-black
   (yellow on white is unreadable) and yellow is its ink: black buttons, yellow labels. */
:root {
  --pad-bg: #ffffff;
  --pad-surface: #fffdf0;
  --pad-ink: #000000;
  --pad-ink-dim: #55554d;
  --pad-rule: rgba(0, 0, 0, 0.24);
  --pad-accent: #000000;
  --pad-accent-ink: #fded60;
  --pad-accent-text: #000000;
  --pad-good: #1a7f37;
  --pad-bad: #b3261e;
  --pad-font: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --pad-font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --pad-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --pad-radius: 0px;
  --pad-max-width: 1200px;
}

/* Native touches: the yellow wash the site's footer ends on opens the app pages,
   and headings use the italic display serif like every page title on the site. */
body.pad-body { background: #fded60; }
body.pad-body .pad { background: linear-gradient(180deg, #fded60 0, #ffffff 520px); padding-top: 96px; }
.pad h1 { font-style: italic; font-weight: 400; letter-spacing: -0.01em; }
.pad h2 { font-style: italic; font-weight: 400; }
@media (max-width: 900px) { body.pad-body .pad { padding-top: 132px; } }