/* The Same Moon: 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--thinking-of-you-moon {
  --c-star: #FFF1C9; --c-star-2: #F5B83D; --c-name: #F5B83D; --c-moon: #F5B83D; --c-moon-2: #E19F1F;
  --c-lit: #F5B83D; --c-hot: #FFF1B8; --c-halo: rgba(255, 214, 92, .6); --c-heart: #F06B4E;
  --c-plane: #F47A5E; --c-plane-2: #D2492F; --c-flower: #FFF6E9; --c-roof: #E4472B; --c-roof-2: #BF3219;
  --c-pane: #3A1B3F; --c-door: #3A1B3F; --c-trunk: #3A1B3F; --c-cat: #F08A3C; --c-cat-2: #D96A24;
  --c-cover-line: #F5B83D; --c-cover-ink: #FFF6E9;
  /* midnight (default): a deep blue sky, then hills that go from blue through violet to aubergine at the front */
  --c-wall: #1D2C63; --c-wall-2: #26397A; --c-doily: #E6EAF8;
  --c-hill-1: #5068B4; --c-hill-1b: #7C92D4; --c-hill-2: #5A4A9E; --c-hill-2b: #8273C2;
  --c-hill-3: #43357F; --c-hill-3b: #6656A6; --c-hill-4: #4A2A66; --c-hill-4b: #6E4C8A; --c-hill-5: #3A1B3F;
  --c-lane: #6E4C8A; --c-floor: #452458; --c-floor-2: #54306A;
  --c-tree-far: #2A3A7A; --c-tree-far-2: #3F56A0; --c-tree: #2E8B7B; --c-tree-2: #4FB3A2;
  --c-house: #F3ECFA; --c-house-2: #D9CFEA; --c-fence: #A99FE0; --c-stone: #7C6CA8; --c-stone-2: #9A8CC4;
  --c-cover: #1D2C63;
}
/* blue hour: a lighter evening blue, with hills in paler and paler blues toward the back */
.ks-card--thinking-of-you-moon[data-colourway="blue-hour"] {
  --c-wall: #2B4A94; --c-wall-2: #365AAA; --c-doily: #F2F5FC; --c-name: #FFD76A; --c-star-2: #FFD76A;
  --c-hill-1: #8FB0E4; --c-hill-1b: #C0D6F4; --c-hill-2: #6F96D4; --c-hill-2b: #9CBAE8;
  --c-hill-3: #4E78BC; --c-hill-3b: #7FA2D8; --c-hill-4: #36589C; --c-hill-4b: #5F84C2; --c-hill-5: #24407C;
  --c-lane: #5F84C2; --c-floor: #2E4E8E; --c-floor-2: #3B5FA4;
  --c-tree-far: #2B4A94; --c-tree-far-2: #4E78BC; --c-tree: #1F7A72; --c-tree-2: #3FA796;
  --c-house: #FFFBF4; --c-house-2: #DDE6F4; --c-fence: #C0D6F4; --c-stone: #8FB0E4; --c-stone-2: #C0D6F4;
  --c-cover: #2B4A94;
}
/* heather dusk: a plum sky over pink and heather hills */
.ks-card--thinking-of-you-moon[data-colourway="heather-dusk"] {
  --c-wall: #5A2A5E; --c-wall-2: #6E3A72; --c-doily: #FBE9EC; --c-name: #FFD76A; --c-star-2: #FFD76A;
  --c-hill-1: #E9A0B8; --c-hill-1b: #F8CAD6; --c-hill-2: #D07FA4; --c-hill-2b: #EBA6C0;
  --c-hill-3: #A85C90; --c-hill-3b: #C883AC; --c-hill-4: #7C3E74; --c-hill-4b: #A0649A; --c-hill-5: #4E2452;
  --c-lane: #A0649A; --c-floor: #5E2E62; --c-floor-2: #70407A;
  --c-tree-far: #8A4A7E; --c-tree-far-2: #B06A98; --c-tree: #3A7F74; --c-tree-2: #63B3A2;
  --c-house: #FFF6E9; --c-house-2: #F0D9D2; --c-fence: #F8CAD6; --c-stone: #C883AC; --c-stone-2: #EBA6C0;
  --c-cover: #5A2A5E;
}
/* resting state = the finished still: the aeroplane has not been sent, so no brighter window, no halo, no heart */
.ks-card--thinking-of-you-moon .moon-plane, .ks-card--thinking-of-you-moon .moon-hot,
.ks-card--thinking-of-you-moon .moon-halo, .ks-card--thinking-of-you-moon .moon-heart { opacity: 0; }
/* the name is written in a thin script: the same colour round each stroke keeps a long name readable on the night sky */
.ks-card--thinking-of-you-moon .moon-name { stroke: var(--c-name); stroke-width: .9px; stroke-linejoin: round; }