:root {
  --zipz-ink: #14181F;
  --zipz-paper: #F5F6F8;
  --zipz-accent: #1F8FEF;
  --zipz-accent-hover: #1774C4;
  --zipz-accent-text: #166BB8;
  --zipz-accent-on-dark: #4BA6F5;
  --zipz-muted: #68707E;
  --zipz-line: #DFE3E9;
  --zipz-surface: #FFFFFF;
  --zipz-surface-dark: #0E1116;

  /* type — system stack; the logo is outlined art and needs no webfont */
  --zipz-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --zipz-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* logo sizing */
  --zipz-logo-height: 32px;          /* header default */
  --zipz-logo-clearspace: 0.5;       /* x logo height, all sides */
}

/* Inline the *-mono.svg and set colour with `color:` */
.zipz-logo { display: inline-block; height: var(--zipz-logo-height); width: auto; }
.zipz-logo svg { height: 100%; width: auto; display: block; }