:root {
  --color-canvas: #020914;
}

:root[data-theme='light'] {
  --color-canvas: #c7d6de;
}

:root[data-theme-variant='grid'][data-season='christmas'] {
  --color-canvas: #050d0a;
}

:root[data-theme='light'][data-theme-variant='grid'][data-season='christmas'] {
  --color-canvas: #d8e2da;
}

:root[data-theme-variant='grid'][data-season='valentines'] {
  --color-canvas: #0c0506;
}

:root[data-theme='light'][data-theme-variant='grid'][data-season='valentines'] {
  --color-canvas: #eee7e8;
}

:root[data-theme-variant='grid'][data-season='stPatricks'] {
  --color-canvas: #03120c;
}

:root[data-theme='light'][data-theme-variant='grid'][data-season='stPatricks'] {
  --color-canvas: #dfe8df;
}

:root[data-theme-variant='grid'][data-season='independenceDay'] {
  --color-canvas: #02091a;
}

:root[data-theme='light'][data-theme-variant='grid'][data-season='independenceDay'] {
  --color-canvas: #eef2f7;
}

:root[data-theme-variant='grid'][data-season='halloween'] {
  --color-canvas: #0d0712;
}

:root[data-theme='light'][data-theme-variant='grid'][data-season='halloween'] {
  --color-canvas: #e4ded8;
}

:root[data-theme-variant='grid'][data-season='thanksgiving'] {
  --color-canvas: #140a04;
}

:root[data-theme='light'][data-theme-variant='grid'][data-season='thanksgiving'] {
  --color-canvas: #e6ded3;
}

:root[data-theme-variant='ares'] {
  --color-canvas: #0b0000;
}

:root[data-theme-variant='flynn'] {
  --flynn-deep: #091219;
  --color-canvas: var(--flynn-deep);
}