/* The Very Small Cake: 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--birthday-tiny-cake {
  --c-brass: #E9A93A; --c-brass-2: #C4831F; --c-brass-hi: #FBD98A; --c-plaque: #F9CF74; --c-name: #3A1B3F;
  --c-flame: #F5B83D; --c-flame-2: #FFF1B8; --c-candle: #E4472B; --c-candle-2: #FFF6E9;
  --c-case: #E4472B; --c-case-2: #F4705A; --c-silver: #F4EEF2; --c-doily: #FFFBF4; --c-led: #E4472B;
  --c-sign: #FFFBF4; --c-sign-ink: #3A1B3F; --c-string: #6B4A6E; --c-smoke: rgba(58,27,63,.34);
  /* gallery (default): a cream wall, a jade plinth, vermilion rope */
  --c-wall: #FCF1DF; --c-wall-2: #F9D3C4; --c-trim: #FFFBF4; --c-trim-2: #F1B9A6; --c-cone: #FFFDF8;
  --c-plinth: #3FA796; --c-plinth-top: #63BBAC; --c-plinth-hi: #9AD6CB; --c-plinth-s: #348E80;
  --c-stand: #9CCDE6; --c-stand-2: #6FB1D3; --c-stand-hi: #D5EAF4; --c-icing: #F7B4A7;
  --c-rope: #E4472B; --c-rope-2: #BF3219;
  --c-cushion: #E4472B; --c-cushion-hi: #F06B4E; --c-cushion-s: #BF3219; --c-tassel: #F5B83D;
  --c-cam: #8A6A8D; --c-cam-2: #6B4A6E; --c-lens: #9CCDE6;
  --c-floor: #F6E3C5; --c-floor-2: #EDCB9E; --c-front: #3FA796; --c-front-2: #348E80;
  --c-cover: #FCF1DF; --c-cover-2: #FFFBF4; --c-cover-line: #E4472B; --c-cover-ink: #3A1B3F;
}
/* blue room: sky walls, a deep blue plinth and rope, the cake the only red thing in the room */
.ks-card--birthday-tiny-cake[data-colourway="blue-room"] {
  --c-wall: #D5EAF4; --c-wall-2: #BBDDF0; --c-trim: #F1F8FC; --c-trim-2: #9CCDE6; --c-cone: #FFFFFF;
  --c-plinth: #2E5E8C; --c-plinth-top: #3A7CA5; --c-plinth-hi: #6FA6C9; --c-plinth-s: #234A70;
  --c-stand: #F7B4A7; --c-stand-2: #EC8F7E; --c-stand-hi: #FBDCD2; --c-icing: #FFF6E9;
  --c-rope: #2E5E8C; --c-rope-2: #234A70;
  --c-cushion: #2E5E8C; --c-cushion-hi: #3A7CA5; --c-cushion-s: #234A70; --c-tassel: #F5B83D;
  --c-cam: #3A7CA5; --c-cam-2: #234A70; --c-lens: #F5B83D;
  --c-floor: #FCF1DF; --c-floor-2: #F3E0C0; --c-front: #2E5E8C; --c-front-2: #234A70;
  --c-cover: #D5EAF4; --c-cover-2: #EEF7FB; --c-cover-line: #2E5E8C; --c-cover-ink: #234A70;
}
/* after hours: the gallery at night, an aubergine wall and the beam of the lamp */
.ks-card--birthday-tiny-cake[data-colourway="after-hours"] {
  --c-wall: #3A1B3F; --c-wall-2: #4A2750; --c-trim: #5C3862; --c-trim-2: #6B4A6E; --c-cone: #B79CBA;
  --c-plinth: #F6E3C5; --c-plinth-top: #FFF6E9; --c-plinth-hi: #FFFFFF; --c-plinth-s: #E2C79F;
  --c-stand: #9CCDE6; --c-stand-2: #6FB1D3; --c-stand-hi: #D5EAF4; --c-icing: #F7B4A7;
  --c-rope: #E4472B; --c-rope-2: #BF3219;
  --c-cushion: #E4472B; --c-cushion-hi: #F06B4E; --c-cushion-s: #BF3219; --c-tassel: #F5B83D;
  --c-cam: #8A6A8D; --c-cam-2: #6B4A6E; --c-lens: #9CCDE6;
  --c-string: #B79CBA; --c-smoke: rgba(255,246,233,.5);
  --c-floor: #55305B; --c-floor-2: #623A68; --c-front: #F6E3C5; --c-front-2: #E2C79F;
  --c-cover: #3A1B3F; --c-cover-2: #55305B; --c-cover-line: #F5B83D; --c-cover-ink: #FFF6E9;
}
/* cut-paper capitals, centred on the plaque whatever size the name is fitted to */
.ks-card--birthday-tiny-cake .tiny-name { dominant-baseline: central; letter-spacing: .03em; }
/* resting state = the finished still: the candle lit, the plaque engraved, no smoke */
.ks-card--birthday-tiny-cake .tiny-smoke { opacity: 0; }