/* The Shed: 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--fathers-day-shed {
  --c-cloud: #FFFFFF; --c-trim: #FFF6E9; --c-trim-2: #EAD7BE; --c-inside: #2A1230; --c-shine: #FFFFFF;
  --c-wood: #E6BC80; --c-wood-2: #F3D5A4; --c-wood-3: #B98A4E; --c-name: #3A1B3F; --c-brass: #E9A93A;
  --c-plate: #3A1B3F; --c-plate-edge: #FFF6E9; --c-plate-ink: #FFF6E9;
  --c-bird: #3A1B3F; --c-bird-2: #5A3560; --c-beak: #F5B83D; --c-string: #6B4A6E;
  --c-pot: #D9764A; --c-pot-2: #BF5A30; --c-leaf-a: #3FA796; --c-leaf-b: #63BBAC; --c-pod: #2E8B7B;
  --c-bloom-a: #E4472B; --c-bloom-b: #F7B4A7; --c-bloom-c: #F5B83D; --c-bloom-mid: #F5B83D; --c-daisy: #FFFFFF;
  --c-cane: #C9A27A; --c-twine: #E4472B; --c-soil: #7A4E3A; --c-steel: #DCDDE6; --c-steel-2: #B4B7C6;
  --c-crate: #D9A066; --c-crate-2: #B97F45; --c-crate-in: #6E4426; --c-canvas: #FFF6E9;
  --c-mug: #FFF6E9; --c-steam: #FFFFFF; --c-tyre: #3A1B3F; --c-frame: #6B4A6E; --c-grip: #3A1B3F;
  --c-stone: #F6E3C5; --c-step: #C9A27A; --c-base: #B5713E; --c-glass: #BFE0EE;
  /* racing green (default): a deep green shed with a marigold door, a vermilion barrow and deckchair */
  --c-sky: #D5EAF4; --c-canopy: #A9D9CC; --c-apple: #E4472B; --c-hedge: #63BBAC; --c-fence: #F6E3C5; --c-fence-2: #E7CFA6;
  --c-shed: #1F6B57; --c-shed-2: #2A7C66; --c-shed-3: #175546; --c-door: #F5B83D; --c-door-2: #E19F22;
  --c-roof: #4A3550; --c-roof-2: #5F4866; --c-roof-3: #8A7391;
  --c-flag-a: #E4472B; --c-flag-b: #F5B83D; --c-flag-c: #FFF6E9; --c-flag-d: #9CCDE6;
  --c-barrow: #E4472B; --c-barrow-2: #BF3219; --c-stripe: #E4472B;
  --c-radio: #9CCDE6; --c-radio-2: #FFF6E9; --c-radio-3: #2E5E8C; --c-mug-2: #E4472B;
  --c-note-a: #E4472B; --c-note-b: #3A1B3F; --c-note-c: #F5B83D;
  --c-lawn: #86CBAA; --c-lawn-2: #79C29F; --c-grass: #3FA796; --c-grass-2: #2E8B7B;
  --c-cover: #D5EAF4; --c-cover-2: #B5DDD0; --c-cover-line: #1F6B57; --c-cover-ink: #3A1B3F;
}
/* creosote: a brown shed on a warm afternoon, marigold details */
.ks-card--fathers-day-shed[data-colourway="creosote"] {
  --c-sky: #FCF1DF; --c-cloud: #FFFBF4; --c-canopy: #F6CE7E; --c-apple: #E4472B; --c-hedge: #3FA796; --c-fence: #F1D5AE; --c-fence-2: #DDB988;
  --c-shed: #7A4326; --c-shed-2: #8E5230; --c-shed-3: #5A2E17; --c-door: #F5B83D; --c-door-2: #E19F22; --c-base: #5A2E17;
  --c-roof: #2E6B5A; --c-roof-2: #3F8572; --c-roof-3: #7DB9A8;
  --c-flag-a: #F5B83D; --c-flag-b: #FFF6E9; --c-flag-c: #E4472B; --c-flag-d: #3FA796;
  --c-barrow: #3FA796; --c-barrow-2: #2E8B7B; --c-stripe: #F5B83D;
  --c-radio: #E4472B; --c-radio-2: #FFF6E9; --c-radio-3: #7A2414; --c-mug-2: #3FA796;
  --c-note-a: #E4472B; --c-note-b: #5A2E17; --c-note-c: #F5B83D;
  --c-lawn: #9CCF96; --c-lawn-2: #8FC688; --c-grass: #3FA796; --c-grass-2: #2E8B7B;
  --c-cover: #FCF1DF; --c-cover-2: #F6CE7E; --c-cover-line: #7A4326; --c-cover-ink: #5A2E17;
}
/* beach hut blue: blue and white boards on the sand */
.ks-card--fathers-day-shed[data-colourway="beach-hut-blue"] {
  --c-sky: #E3F2F9; --c-canopy: #BFE0EE; --c-apple: #FFFFFF; --c-hedge: #9CCDE6; --c-fence: #FFFBF4; --c-fence-2: #E7D3B4;
  --c-shed: #3A7CA5; --c-shed-2: #F4FAFD; --c-shed-3: #2E5E8C; --c-door: #E4472B; --c-door-2: #BF3219; --c-base: #2E5E8C;
  --c-roof: #234A70; --c-roof-2: #2E5E8C; --c-roof-3: #6FA6C9;
  --c-flag-a: #E4472B; --c-flag-b: #FFFBF4; --c-flag-c: #F5B83D; --c-flag-d: #3A7CA5;
  --c-barrow: #F5B83D; --c-barrow-2: #E19F22; --c-stripe: #3A7CA5;
  --c-radio: #E4472B; --c-radio-2: #FFF6E9; --c-radio-3: #7A2414; --c-mug-2: #3A7CA5;
  --c-note-a: #E4472B; --c-note-b: #234A70; --c-note-c: #F5B83D;
  --c-lawn: #F6E3C5; --c-lawn-2: #F0D6AE; --c-stone: #FFFBF4; --c-grass: #63BBAC; --c-grass-2: #3FA796;
  --c-cover: #D5EAF4; --c-cover-2: #F4FAFD; --c-cover-line: #2E5E8C; --c-cover-ink: #234A70;
}
/* cut-paper capitals, centred on the board whatever size the name is fitted to */
.ks-card--fathers-day-shed .shed-name { dominant-baseline: central; letter-spacing: .03em; }
/* resting state = the finished still: the radio is quiet until it is tapped */
.ks-card--fathers-day-shed .shed-note { opacity: 0; }