/* Delve tokens: fog-green paper, ink, and the character sheet's maroon. Every colour and size in app.css comes from here. */
:root {
  --paper: #e6e9dc;
  --card: #f3f5ec;
  --ink: #1f2a22;
  --muted: #5d6b5f;
  --line: #c3cbb7;
  --fog: #34503f;
  --glow: #3d8f5a;
  /* The primary button's hover: --glow is too light under card-coloured text here (3.6:1); this is 5.1:1. */
  --primary-hover: #2e7547;
  --score: #7b2a3b;
  --good: #2f7d4a;
  --bad: #a3343d;
  --warn: #9a6a12;
  --pip-empty: #cdd5c3;
  --on-art: #eef3e6;
  --art-shade: rgba(9, 15, 11, .88);
  --font-display: "IM Fell English SC", "Iowan Old Style", Georgia, serif;
  --font-body: "Alegreya Sans", "Gill Sans", "Segoe UI", sans-serif;
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2.25rem;
  --t-xs: .78rem; --t-sm: .9rem; --t-md: 1rem; --t-lg: 1.25rem; --t-xl: 1.7rem; --t-xxl: 2.6rem;
  --r: .4rem;
  --measure: 36rem;
  --wrap-max: 72rem;
  --qr-size: 14rem;
  --rule: 1px; --rule-strong: 4px; --focus-ring: 2px;
  --rule-mid: 2px; --rule-pip-small: 1.5px;
  --pill: 999px;
  /* Letter-spacing for small capitals, tightest to widest; the artifact's values. */
  --track-1: .04em; --track-2: .05em; --track-3: .07em; --track-4: .08em; --track-5: .09em;
  /* Widths in characters: a two-digit counter, and a readable line of prose. */
  --num-min: 2ch; --prose: 65ch;
  /* The sheet and Party layouts (static/css/sheet.css), at the artifact's sizes. */
  --col-min: 19rem; --card-min: 20rem; --records-min: 16rem; --remember-min: 14rem; --story-col: 20rem;
  --portrait-min: 11rem; --portrait-max: 15rem; --portrait-phone: 26rem;
  --trait-label: 4.5rem; --trait-label-phone: 4rem; --meter-label: 3.6rem;
  --heart: 1.6rem; --pip: 1.15rem; --pip-small: .8rem; --die: 2.4rem; --dice-row: 2.6rem; --stepper-min: 2rem;
  --bar: .7rem; --bar-gap: 3px; --bar-r: 2px;
  --notes-min: 6rem; --notes-tall: 14rem; --pc-notes-max: 7rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #121a15; --card: #1a251e; --ink: #dfe7da; --muted: #93a394; --line: #2e3d33;
    --fog: #a9cdb5; --glow: #6fd394; --score: #e48a9b; --good: #6fcf8f; --bad: #ef7b83; --warn: #e3b25a;
    --pip-empty: #2f3d34;
    --primary-hover: var(--glow);
    color-scheme: dark;
  }
}