/* Pastels sampled from the user's color reference, with readable ink colors. */
:root {
  --rose: #f2a2a5;
  --blush: #f6c2c4;
  --mist: #d2d9e1;
  --powder-blue: #b7cdd8;
  --cream: #f7e8d5;
  --apricot: #f2bea6;
  --porcelain: #faf0ef;
  --ink: #514143;
  --muted: #786368;
  --blue: #486371;
  --line: #dbc4c0;
  --paper: #fff9f3;
  --paper-soft: var(--porcelain);
  --paper-deep: var(--cream);
  --sage: #e5e8d5;
  --peach: #f6d4ce;
  --primary: #98606a;
  --primary-ink: #fffbf5;
  --focus: #7f555e;
  --scene-tint: #f8e3df55;
  --control-top: #fff1df;
  --control-bottom: var(--cream);
  --control-rim: #b18b75;
  --control-edge: #906e59;
  --control-inlay: #fff4e4;
  --control-ink: #513c33;
  --control-light: #fffcf0;
  --gold-top: #f9d8d2;
  --gold-bottom: var(--apricot);
  --gold-rim: #ad7964;
  --sage-top: #e0eaed;
  --sage-bottom: var(--powder-blue);
  --sage-rim: #778d98;
  --sage-ink: #344b57;
}

:root[data-light="evening"] {
  --ink: #f6e7dc;
  --muted: #d0bbc3;
  --blue: #bdcfda;
  --line: #6c5660;
  --paper: #393139;
  --paper-soft: #453943;
  --paper-deep: #503f49;
  --sage: #464c43;
  --peach: #654b53;
  --primary: #edbbc2;
  --primary-ink: #432e37;
  --focus: #f5d4af;
  --scene-tint: #2c2435a3;
  --control-top: #e5c7b0;
  --control-bottom: #cfaa8e;
  --control-rim: #a27d66;
  --control-edge: #24191e;
  --control-inlay: #edd0b7;
  --control-ink: #36292a;
  --control-light: #fbe7cf;
  --gold-top: #eac1be;
  --gold-bottom: #d4a198;
  --gold-rim: #ab7d77;
  --sage-top: #d1dce0;
  --sage-bottom: #a9c3cf;
  --sage-rim: #8198a3;
  --sage-ink: #293e49;
}

.brandmark {
  background: var(--apricot);
  border-color: var(--apricot);
  color: #714e49;
  box-shadow: inset 0 0 0 2px #c59379;
}
.library-top { border-left-color: var(--powder-blue); }
.folder { border-top-color: var(--rose); }
.pattern .typebadge { background: var(--porcelain); color: #76626b; }