/* Umami manual theme for the stand-alone tool pages (talent calculator, race atlas).
   The tools ship with their own light/dark theme; on the guild site they wear the manual's night
   edition instead. Injected by scripts/theme-tools.mjs; the originals in the Brain stay untouched. */
@import url("https://fonts.googleapis.com/css2?family=Marcellus+SC&family=Marcellus&family=Public+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap");

:root, :root[data-theme], :root:not([data-theme]) {
  color-scheme: dark !important;
  --bg: #0d1018 !important; --panel: #131826 !important; --panel-2: #181e2e !important; --line: #2a3040 !important;
  --ink: #ebe5d6 !important; --ink-2: #c2bba9 !important; --ink-3: #9c9684 !important;
  --gold: #d2ae5c !important; --gold-dim: #8a7038 !important; --gold-soft: #2a2416 !important;
  --navy: #ebe5d6 !important; --changed: #86a6f0 !important; --new: #d2ae5c !important;
  --ok: #7cc98f !important; --good: #7cc98f !important; --bad: #f08a80 !important; --warn: #e0b44e !important;
  --hero-bg: #05070c !important; --hero-ink: #ebe5d6 !important; --hero-line: rgba(210, 174, 92, .25) !important;
  --shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 12px 30px rgba(0, 0, 0, .35) !important;
  --f-display: "Marcellus", "Palatino Linotype", serif !important;
  --f-body: "Public Sans", "Segoe UI", system-ui, sans-serif !important;
}
body { background: radial-gradient(120% 60% at 50% -10%, #1a2238 0%, transparent 60%) no-repeat, #0d1018 !important; color: #ebe5d6; }
::selection { background: #86a6f0; color: #0b1020; }
:focus-visible { outline: 2px solid #86a6f0; outline-offset: 3px; }
a { color: #86a6f0; text-underline-offset: .2em; }
h1, h2, h3, .h1, .title { font-family: "Marcellus", "Palatino Linotype", serif !important; font-weight: 400 !important; letter-spacing: .005em; }
/* The tools' own light/dark switch would fight the manual theme. */
#themeBtn, [data-umami-hide] { display: none !important; }

/* Running head, the same as on the manual pages. */
.umami-head { position: relative; z-index: 30; /* not sticky: the tools have their own sticky bars at top: 0 */ height: 56px; display: flex; align-items: center; gap: 24px; padding: 0 clamp(16px, 4vw, 56px);
  background: #0d1018; border-bottom: 1px solid #ebe5d6; font: 400 16px/1.4 "Public Sans", system-ui, sans-serif; }
.umami-head .wm { font: 400 25px/1 "Marcellus SC", "Marcellus", serif; color: #d2ae5c; text-decoration: none; letter-spacing: .04em; }
.umami-head .rt { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: #9c9684; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.umami-head .rt b { color: #ebe5d6; font-weight: 600; }
.umami-head .back { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #86a6f0; text-decoration: none; white-space: nowrap; }
.umami-head .back:hover { text-decoration: underline; }
@media (max-width: 640px) { .umami-head { gap: 14px; padding: 0 16px; height: 52px; } .umami-head .rt { display: none; } }