/* Mimamori tokens. Generated from tokens.json by hand; keep the two in step. */
/* Both faces are the device's own: Hiragino Mincho the voice, Hiragino Sans the interface. Nothing is self-hosted and nothing comes from a CDN. */

:root{
  --mm-paper:#EFE8D6; --mm-ink:#222326; --mm-night:#17293F; --mm-card:#E6DFCD; --mm-card-night:#2A3A4E; --mm-dried:#DAD4C4; --mm-dried-night:#40444A; --mm-seal:#B7382C; --mm-seal-night:#C9463A;
  --mm-voice:"Hiragino Mincho ProN","Hiragino Mincho Pro",Georgia,serif;
  --mm-ui:"Hiragino Sans","Hiragino Kaku Gothic ProN",system-ui,sans-serif;
  /* light */
  --mm-bg:var(--mm-paper); --mm-fg:var(--mm-ink); --mm-seal-fg:var(--mm-seal); --mm-card-bg:var(--mm-card); --mm-dried-ink:var(--mm-dried); --mm-mark-weight:600; --mm-voice-weight:300; --mm-ui-weight:300;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--mm-bg:var(--mm-night);--mm-fg:var(--mm-paper);--mm-seal-fg:var(--mm-seal-night);--mm-card-bg:var(--mm-card-night);--mm-dried-ink:var(--mm-dried-night);--mm-mark-weight:600;--mm-voice-weight:600;--mm-ui-weight:400;color-scheme:dark}}
:root[data-theme="dark"]{--mm-bg:var(--mm-night);--mm-fg:var(--mm-paper);--mm-seal-fg:var(--mm-seal-night);--mm-card-bg:var(--mm-card-night);--mm-dried-ink:var(--mm-dried-night);--mm-mark-weight:600;--mm-voice-weight:600;--mm-ui-weight:400;color-scheme:dark}

.mm-wordmark{font:var(--mm-mark-weight) 40px/1 var(--mm-voice);letter-spacing:.26em;text-transform:uppercase}
.mm-title{font:var(--mm-mark-weight) 17px/1.3 var(--mm-voice);letter-spacing:.26em;text-transform:uppercase}
.mm-kanji{font:var(--mm-voice-weight) 14px/1 var(--mm-voice);letter-spacing:.3em;opacity:.85}
.mm-line{font:var(--mm-voice-weight) 19px/1.4 var(--mm-voice)}
.mm-heading{font:600 20px/1.3 var(--mm-voice)}
.mm-body{font:var(--mm-ui-weight) 17px/1.45 var(--mm-ui)}
/* Text beside what is said: a state, a way, a line said once. Never lower. */
.mm-quiet{opacity:.8}
.mm-small{font:var(--mm-ui-weight) 14px/1.4 var(--mm-ui);letter-spacing:.02em}
.mm-seal{display:inline-flex;align-items:center;justify-content:center;background:var(--mm-seal-fg);color:var(--mm-paper);border-radius:2px;font:600 .62em/1 var(--mm-voice)}
/* The seal's place: where a seal may be given and has not been. A hairline square the seal's size, the ink at 30%; size it as the seal would be. */
.mm-seal-place{display:inline-block;box-sizing:border-box;border:1px solid currentColor;border-radius:2px;opacity:.3}
/* A card laid on the ground: a person on the people face. */
.mm-card{background:var(--mm-card-bg);border-radius:12px}
