/* Midnight Fireworks: colourways and the scene's own resting states. Every colour the template uses is a --c-*
   variable set here per colourway, so a colourway is a real change of paper, never a filter. */
.ks-card--new-year-fireworks {
  --c-star: #FFF6E9; --c-name: #FFD35C; --c-spark: #FFF1B8; --c-lit: #FFD35C; --c-trail: rgba(255, 246, 233, .5);
  --c-b-a: #F5B83D; --c-b-b: #F7B4A7; --c-b-c: #9CCDE6; --c-b-d: #FFF6E9; --c-b-e: #63BBAC;
  --c-face: #FFF6E9; --c-hand: #3A1B3F; --c-brass: #F5B83D; --c-tower-trim: #FFF6E9;
  --c-cover-line: #F5B83D; --c-cover-ink: #FFF6E9;
  /* midnight (default): an ink blue sky, a slate blue town and terracotta rooftops */
  --c-wall: #222B66; --c-wall-2: #2B367A; --c-far: #1A2152;
  --c-town: #3D4788; --c-town-roof: #2C3470; --c-town-win: #283066; --c-tower: #5A64A8; --c-tower-s: #4A5598;
  --c-tile: #C4533A; --c-tile-b: #B5492F; --c-tile-2: #A23F28; --c-ridge: #8E3423;
  --c-brick: #7A3324; --c-brick-s: #652819; --c-pot: #E0805F; --c-band: #F6E3C5; --c-aerial: #F6E3C5; --c-cat: #F2994A;
  --c-front: #8E3423; --c-front-dot: #F6E3C5; --c-floor: #B5492F; --c-floor-2: #A23F28;
  --c-cover: #222B66;
}
/* plum: a plum sky, a mauve town and deep teal rooftops */
.ks-card--new-year-fireworks[data-colourway="plum"] {
  --c-wall: #4A1F52; --c-wall-2: #5C2A64; --c-far: #3A1741;
  --c-town: #7A3F7E; --c-town-roof: #5E2C66; --c-town-win: #4E2256; --c-tower: #93569A; --c-tower-s: #7A3F7E;
  --c-tile: #2F7C86; --c-tile-b: #2A707A; --c-tile-2: #1F5C66; --c-ridge: #1B525B;
  --c-brick: #3A1B3F; --c-brick-s: #2A1230; --c-pot: #E0805F; --c-cat: #F2994A;
  --c-front: #1B525B; --c-floor: #2A707A; --c-floor-2: #23646E;
  --c-cover: #4A1F52;
}
/* teal: a deep teal sky, a sea green town, plum rooftops and a white cat */
.ks-card--new-year-fireworks[data-colourway="teal"] {
  --c-wall: #0F4A55; --c-wall-2: #175C68; --c-far: #0B3A43;
  --c-town: #2A7E8A; --c-town-roof: #1A5E6A; --c-town-win: #134C56; --c-tower: #3C929C; --c-tower-s: #2A7E8A;
  --c-tile: #6B3170; --c-tile-b: #5E2C66; --c-tile-2: #4E2256; --c-ridge: #3A1B3F;
  --c-brick: #3A1B3F; --c-brick-s: #2A1230; --c-pot: #F7B4A7; --c-cat: #FFF6E9;
  --c-front: #3A1B3F; --c-floor: #5E2C66; --c-floor-2: #4E2256; --c-b-e: #F06B4E;
  --c-cover: #0F4A55;
}
/* resting state = the finished still: the name is written (its cover has no width), the spark that wrote it has
   burnt out and so have the streaks of the three big rockets */
.ks-card--new-year-fireworks .fw-spark, .ks-card--new-year-fireworks .fw-streak { opacity: 0; }
/* the name in the sky: bold gold letters, thickened a touch with their own colour so they read on a phone */
.ks-card--new-year-fireworks .fw-name { paint-order: stroke; stroke: var(--c-name); stroke-width: .8px; stroke-linejoin: round; }