/* Approved autumn palette in October; regular Muse in November; winter in December. */
:root.october-amber {
  --color-cream: #fbf3e7;
  --color-ink: #3f302b;
  --color-muted: #6b5a50;
  --color-gold: #8a542e;
  --color-pink: #c8846d;
  --color-pink-soft: #f2dfd3;
  --color-key-bg: #e4c7ad;
  --color-border: #cdb9a5;
  --color-border-filled: #ad856b;
  --color-dark-text: #422c24;
  --color-wrong-pos-key: #c8846d;
}

html.october-amber,
html.october-amber body {
  background:
    radial-gradient(760px 440px at 100% 0%, rgba(195,126,78,.17), transparent 65%),
    radial-gradient(680px 480px at 0% 100%, rgba(20,121,133,.12), transparent 66%),
    linear-gradient(145deg, #fbf5eb, #f1e5d5);
}

.october-amber #keyboard {
  background: rgba(248,239,226,.94);
}

.october-amber .tile.absent,
.october-amber .key.absent {
  background: #62534c;
  border-color: #62534c;
}

.october-amber #today-date {
  color: #8a542e;
}

:root.december-winter {
  --color-teal: #155966;
  --color-cream: #f6f5ee;
  --color-ink: #213d46;
  --color-muted: #526b75;
  --color-gold: #75613b;
  --color-pink: #b9ccd9;
  --color-pink-soft: #e3edf1;
  --color-key-bg: #d3e2e8;
  --color-border: #b2c9d2;
  --color-border-filled: #789faa;
  --color-dark-text: #263f4a;
  --color-wrong-pos-key: #b9ccd9;
  --color-near-black: #3b5260;
}

html.december-winter,
html.december-winter body {
  background:
    radial-gradient(760px 440px at 100% 0%, rgba(185,204,217,.4), transparent 65%),
    radial-gradient(680px 480px at 0% 100%, rgba(21,89,102,.12), transparent 66%),
    linear-gradient(145deg, #fbfaf5, #e8eff2);
}

.december-winter #keyboard { background: rgba(246,245,238,.96); }