@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap");

/* memo tokens, from memo's docs/design-handoff.md ("Instrument" direction). */
:root {
  color-scheme: dark;
  --bg: #0F1012;
  --fg: #E9E6DF;
  --muted: #8A8D93;
  --accent: #6FA3EE;          /* accent light: text and readouts on the dark background */
  --accent-fill: #3B7DD8;     /* filled buttons, pill border */
  --on-accent: #FFFFFF;
  --on-fg: #0F1012;
  --line: rgba(255, 255, 255, 0.12);
  --line-soft: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.22);
  --card-1: #161819;
  --card-2: #1B1D1F;
  --card-3: #202325;
  --pill: #B9BCC2;
  --danger: #D96B6B;
  --font-body: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-display: "Newsreader", Georgia, serif;
  --r-card: 18px;
  --r-btn: 10px;
}

/* Legal pages: long text reads better in memo's content serif. */
body.legal .legal-body p,
body.legal .legal-body li { font-family: var(--font-display); font-size: 18px; line-height: 1.55; }
body.legal .legal-body h1,
body.legal .legal-body h2 { font-weight: 400; }
body.legal .legal-body p.legal-meta { font-family: var(--font-body); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
body.legal .legal-home { font-size: 14px; letter-spacing: .22em; }