/* The design tokens that the notes page, the admin page, and the entity pages share. */
:root {
  --bg: #F6F5F2; --panel: #FFFFFF; --text: #1B1B1D; --text2: #5E5D5A; --muted: #6F6D68; --placeholder: #6F6D68;
  --border: rgba(60, 60, 67, .12); --chip: #EFEDE8; --selected: #ECEAE5; --acc: #2C68E6; --acc-text: #2457D6; --on-acc: #FFFFFF;
  --halo: rgba(44, 104, 230, .11); --error: #C4301F; --edge: #5E5D5A; --mark: #5F86E0; --positive: #1F7A36; --positive-fill: #E6F2EC;
  --sh-card: 0 1px 1px rgba(0, 0, 0, .03), 0 8px 24px rgba(107, 74, 43, .06);
  --glass: rgba(255, 255, 255, .62); --glass-b: rgba(255, 255, 255, .85);
  --sh-glass: inset 0 1px 0 rgba(255, 255, 255, .9), 0 10px 30px rgba(22, 23, 27, .10), 0 1px 3px rgba(22, 23, 27, .06);
  --sh-sheet: 0 -8px 30px rgba(0, 0, 0, .12); --sh-dialog: 0 12px 40px rgba(0, 0, 0, .18); --sh-side: -8px 0 32px rgba(0, 0, 0, .14);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #161514; --panel: #211F1D; --text: #F2F0EC; --text2: #B7B3AC; --muted: #9A968F; --placeholder: #9A968F;
    --border: rgba(255, 255, 255, .10); --chip: #2E2C29; --selected: #2A2826; --acc: #82A6F6; --acc-text: #82A6F6; --on-acc: #161514;
    --halo: rgba(130, 166, 246, .14); --error: #FF7A69; --edge: #9A968F; --mark: rgba(130, 166, 246, .7); --positive: #5BD282; --positive-fill: #21382E;
    --sh-card: 0 0 0 .5px rgba(255, 255, 255, .08);
    --glass: rgba(40, 38, 36, .6); --glass-b: rgba(255, 255, 255, .14);
    --sh-glass: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 30px rgba(0, 0, 0, .45);
    --sh-sheet: 0 0 0 .5px rgba(255, 255, 255, .10), 0 -8px 30px rgba(0, 0, 0, .5); --sh-dialog: 0 0 0 .5px rgba(255, 255, 255, .10), 0 12px 40px rgba(0, 0, 0, .6);
    --sh-side: 0 0 0 .5px rgba(255, 255, 255, .10), -8px 0 32px rgba(0, 0, 0, .5);
  }
}

/* Japanese text (the page language, or a text with lang="ja"): a Japanese font stack and a taller line for the text blocks. A text of the user is marked lang="ja" or lang="en" (markLanguage in i18n.js), so English text on a Japanese page keeps the English look. */
:lang(ja) { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif; }
pre:lang(ja), code:lang(ja), kbd:lang(ja), samp:lang(ja) { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.note-text:lang(ja), .ask-text:lang(ja), .detail-description:lang(ja), .detail-preview:lang(ja), .upcoming-summary:lang(ja), .report-note:lang(ja) { line-height: 1.7; }