/* Yokai Road: the privacy and support pages (the two a store reviewer opens).
   Paper, sumi ink and one vermilion seal, in the game's own typefaces. Deliberately quiet:
   nothing moves here. The marketing page has its own stylesheet, scroll.css. */
@font-face { font-family: "Yuji Syuku"; src: url("fonts/yuji-syuku.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Yuji Syuku"; src: url("fonts/yuji-syuku-kanji.woff2") format("woff2"); unicode-range: U+3000-9FFF; font-display: swap; }
@font-face { font-family: "Shippori Mincho"; src: url("fonts/shippori-mincho.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Shippori Mincho"; src: url("fonts/shippori-mincho-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --yr-paper: #f4efe4;
  --yr-paper-2: #ebe3d2;
  --yr-ink: #16130f;
  --yr-ink-soft: #4a443b;
  --yr-rule: #d6cbb5;
  --yr-red: #c23b22;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --yr-paper: #191714;
    --yr-paper-2: #221f1b;
    --yr-ink: #efe8d8;
    --yr-ink-soft: #b9b09c;
    --yr-rule: #3a352d;
    --yr-red: #e0664a;
  }
}
:root[data-theme="dark"] {
  --yr-paper: #191714; --yr-paper-2: #221f1b; --yr-ink: #efe8d8; --yr-ink-soft: #b9b09c; --yr-rule: #3a352d; --yr-red: #e0664a;
}

body.yr {
  background: var(--yr-paper);
  background-image: radial-gradient(120% 60% at 50% -10%, var(--yr-paper-2), transparent 70%);
  color: var(--yr-ink);
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;
}
body.yr main { max-width: 42rem; }
body.yr h1 {
  font-family: "Yuji Syuku", "Shippori Mincho", serif; font-weight: 400;
  letter-spacing: 0.02em; display: flex; align-items: center; gap: 0.5em;
}
body.yr h1::after {
  content: "墨"; font: 400 0.62em/1 "Yuji Syuku", serif; color: #f4efe4; background: var(--yr-red);
  padding: 0.22em 0.24em 0.26em; border-radius: 4px 2px 5px 3px; transform: rotate(-4deg);
  box-shadow: inset 0 0 0 2px rgba(244, 239, 228, .7);
}
body.yr h2 { font-family: "Shippori Mincho", serif; font-weight: 700; border-bottom: 1px solid var(--yr-rule); padding-bottom: 0.25em; }
body.yr .sub, body.yr .updated { color: var(--yr-ink-soft); }
body.yr a { color: var(--yr-red); }
body.yr a.back { color: var(--yr-ink-soft); }
body.yr strong { color: var(--yr-ink); }
body.yr li { margin-bottom: 0.45em; }