/*
 * Dark mode: everything that differs from the light styles. Loaded after them, and turned on
 * by the media attribute on its link tag, according to the member's setting. See ThemeHelper.
 */

:root {
  --red: #f0566a;
  --red-strong: #ff7a8b;
  --red-soft: #3a1a20;

  --ink: #ecebe8;
  --ink-2: #c3c1bc;
  --ink-3: #96938d;
  --paper: #16181b;
  --paper-2: #1d2024;
  --paper-3: #262a2f;
  --line: #2e3238;

  --note-5: #6aa5e8;
  --note-10: #b590dc;
  --note-20: #5fc285;
  --note-50: #f07a6a;
  --note-100: #d9a568;

  --shadow: 0 1px 2px rgb(0 0 0 / 0.3), 0 4px 16px rgb(0 0 0 / 0.3);
}

.button, .button:hover { color: #16181b; }

.note-chip { color: #16181b; }

.pager__page.is-current { color: #16181b; }
.button--outline, .button--outline:hover { color: var(--ink); }

.calendar__day--heat-4, .calendar__day--heat-4 .calendar__date { color: #16181b; }