/* The chapters of the grimoire (Record, Codex, Tarot, Account, Privacy): the same night,
   leather and blood-red rubrics as the book on the home page. Loaded after each page's own
   styles, so it wins; day and night become one candle-lit room. */
html[data-theme], html[data-theme="day"], html[data-theme="night"] {
  --sky-top: #160a0d; --sky-low: #090608;
  --text: #efe4cf; --text-soft: #b8a88d; --line: rgba(227, 196, 134, .28); --chrome: rgba(30, 12, 14, .7);
  --paper: #eadcbc; --ink: #2a1912; --ink-soft: #5b4433; --gold: #b8935a; --blue-ink: #8a1a20;
  --bg: #0d0709; --soft: #b8a88d;
  --bg-1: #1d0b10; --bg-2: #070405; --cloth: #3a0f16; --cloth-2: #14060a; --glow: rgba(255, 150, 70, .2); --panel: rgba(22, 9, 12, .78);
}
html { background: #090608 !important; }
body {
  background:
    radial-gradient(90% 55% at 50% 108%, rgba(150, 30, 20, .32), transparent 70%),
    radial-gradient(70% 50% at 50% -10%, rgba(80, 20, 40, .35), transparent 70%),
    linear-gradient(180deg, #160a0d, #090608 60%) !important;
  color: var(--text);
}
.brand { font-family: 'UnifrakturMaguntia', 'Cormorant Garamond', Georgia, serif !important; color: #e3c486 !important; font-weight: 400 !important; font-size: 1.7rem !important; text-shadow: 0 0 18px rgba(227, 196, 134, .25); }
.brand svg { display: none; }
.daynight { display: none !important; }
.acct { border-color: #b8935a !important; }
h1 { color: #e3c486; text-shadow: 0 0 26px rgba(227, 196, 134, .2); }
h2 { color: #e3c486; }
a { text-decoration-color: rgba(184, 147, 90, .7); }
.lang { color: var(--text); background: var(--chrome); border-color: var(--line); }
/* the privacy page has its own simple header */
main > .top > a:first-child { font-family: 'UnifrakturMaguntia', 'Cormorant Garamond', Georgia, serif; color: #e3c486; font-size: 1.6rem; text-decoration: none; }
/* parchment sheets inside the chapters: dark-red rubrics, a burnt edge */
.sheet, .page { box-shadow: inset 0 0 60px rgba(90, 50, 20, .28), 0 26px 50px rgba(0, 0, 0, .55) !important; border: 1px solid rgba(120, 80, 40, .35); }
.sheet h2, .sheet h3, .page h2, .page h3 { color: #7a1a1f !important; text-shadow: none !important; }
.btn { background: #5a1118 !important; color: #f3e6c8 !important; }
.btn.quiet { background: transparent !important; color: #5a1118 !important; border-color: #5a1118 !important; }
.tabs button[aria-selected="true"], .tabs button.on { background: #5a1118 !important; color: #f3e6c8 !important; border-color: #5a1118 !important; }