/* Weekday theming: initials background + border - applies to both play and start pages */
#play-page.theme-monday, #start-page.theme-monday       { --initials-base: #978c63; --initials-edge: #978c63; }
#play-page.theme-tuesday, #start-page.theme-tuesday     { --initials-base: #b089ab; --initials-edge: #8e6d89; }
#play-page.theme-wednesday, #start-page.theme-wednesday { --initials-base: #cc9970; --initials-edge: #a97e5c; }
#play-page.theme-thursday, #start-page.theme-thursday   { --initials-base: #9eb5c0; --initials-edge: #839ca9; }
#play-page.theme-friday, #start-page.theme-friday       { --initials-base: #937b6a; --initials-edge: #a97e5c; }
#play-page.theme-saturday, #start-page.theme-saturday   { --initials-base: #c87e7e; --initials-edge: #a05e5e; }
#play-page.theme-sunday, #start-page.theme-sunday       { --initials-base: #87a985; --initials-edge: #6f8b6e; }

/* Fallbacks if no theme class is present */
#play-page, #start-page {
  --initials-base: #dbcfb1;
  --initials-edge: #d6c7a3;
}

/* Make sure letter cells use the variables */
.letter-cell {
  background: var(--initials-base);
  border: 4px outset var(--initials-edge);
}