:root {
  color-scheme: dark;

  /* Mist Ledger - dark world (site default) */
  --tone-abyss:   #1A1510;  /* app overlay composited on taupe night */
  --tone-warm:    #231A14;
  --tone-night:   #382A24;  /* Open Accord dark bg */
  --tone-light:   #FBF8FA;  /* porcelain - light rooms */

  --bg:           var(--tone-abyss);
  --surface:      #44332C;
  --ink:          #FBF8FA;
  --ink-strong:   #FFFDFE;
  --muted:        rgba(207, 197, 205, 0.78); /* web override of app 0.60 */
  --faint:        rgba(207, 197, 205, 0.35);
  --line:         rgba(207, 197, 205, 0.16);
  --line-strong:  rgba(207, 197, 205, 0.30);
  --platinum:     #CFC5CD;
  --accent:       #F06A53;
  --accent-press: #D8422B;

  --font-serif: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --font-mono:  Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --ease:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --shell-max: 1200px;
  --radius-s: 5px; --radius-m: 12px; --radius-l: 26px;
}

/* The light room: porcelain, applied to a section root or a page root. */
.light-room {
  color-scheme: light;
  --bg:           #FBF8FA;
  --surface:      #FFFDFE;
  --ink:          #4A372F;
  --ink-strong:   #382A24;
  --muted:        #8A675B;
  --faint:        #B9A89F;
  --line:         #E4DEE2;
  --line-strong:  #CFC5CD;
  --accent:       #D8422B;
  --accent-press: #BC3421;
  background: var(--bg);
  color: var(--ink);
}