:root {
  --sidebar-width: 350px;
  --color-bg: #f7f6f2;
  --color-surface: #ffffff;
  --color-text: #1a1a1a;
  --color-text-muted: #666;
  --color-accent: #2a4a7f;
  --color-accent-soft: #e8edf5;
  --color-border: #ddd;
  --font-body: 'Georgia', serif;
  --font-ui: system-ui, -apple-system, sans-serif;

  /* ── Type scale (bumped up slightly for better mobile readability) ── */
  --size-xs:   0.95rem;   /* ~15px — coordinate tag */
  --size-sm:   1.1rem;    /* ~18px — sidebar, secondary text */
  --size-base: 1.25rem;   /* ~20px — body text */
  --size-h3:   1.4rem;    /* ~22px */
  --size-h2:   1.7rem;    /* ~27px */
  --size-h1:   2.2rem;    /* ~35px */

  --line-height: 1.6;
}

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

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--size-base);
  line-height: var(--line-height);
}

a { color: var(--color-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 1rem; }
strong { font-weight: 600; }