/* City Lights: colourways and the scene's own resting states. Every colour the template uses is a --c-* variable set
   here per colourway: a real change of papers (sky, four rows of buildings, river), never a filter. */
.ks-card--anniversary-city {
  --c-moon: #FFF3D6; --c-moon-2: #F4E0B6; --c-star: #FFF3D6; --c-star-2: #F5B83D;
  --c-lit: #F5B83D; --c-lit-2: #FFD877; --c-bulb: #FFCB52; --c-sign-ink: #FFE08A; --c-glint: #FFF3D6; --c-pop: #FBDCD2;
  /* midnight (default): indigo sky, moonlit violet towers, plum and aubergine streets */
  --c-sky: #2A2660; --c-sky-2: #343074; --c-sky-3: #423A8A; --c-halo: #322E70; --c-halo-2: #3C3784;
  --c-b1: #6A5FB6; --c-b1-2: #5C52A6; --c-hero: #554A9E; --c-hero-2: #5E53A8; --c-b1-win: #463D8C; --c-b1-trim: #8D83D6; --c-glow: #8478CC;
  --c-b2: #7D3D7C; --c-b2-2: #8C4A8B; --c-b2-win: #5C2A5E; --c-b2-trim: #A965A6;
  --c-b3: #56295F; --c-b3-2: #63326C; --c-b3-win: #3D1C46; --c-b3-trim: #7E4887;
  --c-b4: #3A1B3F; --c-b4-2: #46234C; --c-b4-win: #27102C; --c-roof: #7A2B4C; --c-roof-2: #933A58; --c-door: #B23A4A;
  --c-sign: #1D1946; --c-sign-frame: #8D83D6; --c-strut: #8D83D6;
  --c-tree: #2C7A70; --c-tree-2: #3FA796; --c-trunk: #27102C;
  --c-ground: #33173A; --c-quay: #6B4A6E; --c-river: #2F4A8E; --c-river-2: #4664AE; --c-prom: #45224B; --c-prom-2: #522A58;
  --c-bank: #2A1230; --c-rail: #7D6FC4; --c-bench: #D9566A; --c-bench-2: #A83D4E; --c-lamp: #A99FE0; --c-lamp-glass: #7B6A86;
  --c-heart: #F06B4E; --c-heart-2: #E4472B;
  --c-cover-ink: #FFF3D6; --c-cover-line: #4A4296;
}
/* dusk: a rose and coral sunset behind mauve and aubergine buildings */
.ks-card--anniversary-city[data-colourway="dusk"] {
  --c-sky: #D9566A; --c-sky-2: #E97462; --c-sky-3: #F59C78; --c-halo: #E2646E; --c-halo-2: #EC7A78;
  --c-b1: #9B5590; --c-b1-2: #8A4883; --c-hero: #7E3F7A; --c-hero-2: #894884; --c-b1-win: #6C3169; --c-b1-trim: #C07FB0; --c-glow: #B872A8;
  --c-b2: #6F3168; --c-b2-2: #7C3B74; --c-b2-win: #53214F; --c-b2-trim: #9C5892;
  --c-b3: #54244F; --c-b3-2: #602C5A; --c-b3-win: #3C1739; --c-b3-trim: #7C4275;
  --c-roof: #8E2F45; --c-roof-2: #A83D4E; --c-door: #D9566A;
  --c-sign: #3A1B3F; --c-sign-frame: #F7B4A7; --c-strut: #7E3F7A;
  --c-river: #C0506C; --c-river-2: #E07C74; --c-quay: #8A4883;
  --c-heart: #FFF3D6; --c-heart-2: #FFD877; --c-lamp-glass: #8A6C8C; --c-rail: #B872A8; --c-lamp: #F7B4A7; --c-bench: #F59C78; --c-bench-2: #D9566A;
  --c-cover-line: #F08A7C;
}
/* blue hour: deep teal sky, blue towers, navy streets, the same warm lights */
.ks-card--anniversary-city[data-colourway="blue-hour"] {
  --c-sky: #0F4762; --c-sky-2: #155A76; --c-sky-3: #1F748A; --c-halo: #14536F; --c-halo-2: #1A627F;
  --c-b1: #4C93B8; --c-b1-2: #3F83AA; --c-hero: #35769E; --c-hero-2: #3D80A8; --c-b1-win: #29628A; --c-b1-trim: #7FBEDC; --c-glow: #6FB0D0;
  --c-b2: #2C6096; --c-b2-2: #356DA4; --c-b2-win: #204A7A; --c-b2-trim: #5A8FC2;
  --c-b3: #224276; --c-b3-2: #2A4D84; --c-b3-win: #172F5A; --c-b3-trim: #40649C;
  --c-b4: #1A2A54; --c-b4-2: #213462; --c-b4-win: #101B3C; --c-roof: #C04A3A; --c-roof-2: #D65D45; --c-door: #5A8FC2;
  --c-sign: #0B2238; --c-sign-frame: #7FBEDC; --c-strut: #7FBEDC;
  --c-tree: #23786E; --c-tree-2: #3FA796; --c-trunk: #101B3C;
  --c-ground: #14224A; --c-quay: #40649C; --c-river: #17647E; --c-river-2: #2F8CA2; --c-prom: #1B2D58; --c-prom-2: #22386A;
  --c-bank: #0F1A3A; --c-rail: #4C93B8; --c-bench: #D65D45; --c-bench-2: #C04A3A; --c-lamp: #9CCDE6; --c-lamp-glass: #6C87A8;
  --c-heart: #F7B4A7; --c-heart-2: #F06B4E;
  --c-cover-line: #2A7E96;
}
/* the name sits in the middle of the sign board whatever its size */
.ks-card--anniversary-city .city-name { dominant-baseline: central; letter-spacing: .01em; }
/* resting state = the finished still: the two windows and the sign lit, the rest of the city dark, no heart yet */
.ks-card--anniversary-city .city-lit, .ks-card--anniversary-city .city-heart { opacity: 0; }