:root{
  --ink:#211d16;
  --red:#c43b27;
  --blue:#37579e;
  --manila:#ecdfbf;
  --card:#fbf6ea;
  --muted:#4a4234;
  --faint:#8a7f68;

  /* per-tab themes — rail = svg backdrop, num = tab number (matches the svg) */
  --rail-blue:#1b3a5e;    --num-blue:#1b3a5e;
  --rail-green:#16301e;   --num-green:#2f7d45;
  --rail-yellow:#33280c;  --num-yellow:#a9791a;
  --rail-red:#3a140e;     --num-red:#c43b27;
  --rail-purple:#241638;  --num-purple:#7a4fa3;

  /* non-fiction page: brown (hair) accent + sepia rail backdrop */
  --brown:#6b4a2f;        --rail-sepia:#2b1f12;
}

*{
  box-sizing:border-box;
}

html,
body{
  height:100%;
}

body{
  margin:0;
  background:var(--manila);
  background-image:
    radial-gradient(
      circle at 50% 0%,
      rgba(0,0,0,0) 60%,
      rgba(0,0,0,.05) 100%
    );
  color:var(--ink);
  font-family:'EB Garamond', Georgia, serif;
  overflow:auto;
}