/* Tea and Biscuits: 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. The biscuits, the tea and the
   wood of the rack are the same in all three. */
.ks-card--thank-you-tea {
  --c-steam: #FFFDF8; --c-tea: #B4703C; --c-tea-2: #DFA970; --c-steel: #BDB6C6;
  --c-wood: #C9A27A; --c-wood-2: #A9825C; --c-lace: #FFFBF4; --c-mat: #FFFBF4;
  --c-dig: #D39A5C; --c-dig-2: #B57B40;
  --c-cc: #F3CF7A; --c-cc-2: #DBAC55; --c-cc-3: #F9E09F; --c-cream: #FFF4D6;
  --c-bb: #7A4326; --c-bb-2: #5A2E17; --c-bb-cream: #A8663C; --c-sugar: #FFF6E9;
  --c-sh: #F7E0A6; --c-sh-2: #E3B968; --c-jam: #D8402B; --c-jam-2: #F58A70;
  --c-china: #FFFBF4; --c-cup: #FFFBF4; --c-jug: #FFFBF4; --c-plate: #FFFBF4; --c-cube: #FFFBF4;
  --c-pot-band: #FFFBF4; --c-pot-dot: #FFFBF4; --c-jug-dot: #FFFBF4; --c-cup-dot: #FFFBF4; --c-bowl-dot: #FFFBF4;
  /* willow blue (default): blue and white china on a pale blue wall */
  --c-wall: #C6E1F0; --c-wall-2: #BAD9EC; --c-wall-3: #A9CEE6;
  --c-pat: #3A7CA5; --c-pat-2: #2E5E8C; --c-china-2: #E3EEF3;
  --c-pot: #3A7CA5; --c-pot-2: #2E5E8C; --c-knob: #F5B83D;
  --c-jug-2: #D9E7EE; --c-jug-band: #3A7CA5;
  --c-cup-2: #DCE9EF; --c-cup-in: #CFE1EA; --c-cup-band: #3A7CA5; --c-name: #244E78;
  --c-bowl: #8FC4E0; --c-bowl-2: #3A7CA5; --c-cube-2: #DCE9EF; --c-plate-2: #E6EFF3;
  --c-cloth: #FFF8EC; --c-cloth-2: #8FC4E0; --c-front: #3A7CA5;
  --c-cover: #C6E1F0; --c-cover-line: #3A7CA5; --c-cover-ink: #234A70;
}
/* strawberry: a red pot with white spots, white china with red spots, a blush wall */
.ks-card--thank-you-tea[data-colourway="strawberry"] {
  --c-wall: #FBDCD2; --c-wall-2: #F9D0C3; --c-wall-3: #F5BDAD;
  --c-pat: #E4472B; --c-pat-2: #BF3219; --c-china-2: #F8E8E2;
  --c-pot: #E4472B; --c-pot-2: #BF3219; --c-knob: #3FA796;
  --c-jug-2: #F3E0D8; --c-jug-band: #E4472B;
  --c-cup-2: #F4E2DB; --c-cup-in: #EFD6CC; --c-cup-band: #E4472B; --c-name: #9E2412;
  --c-bowl: #3FA796; --c-bowl-2: #2E8B7B; --c-cube-2: #F4E2DB; --c-plate-2: #F7E8E2;
  --c-cloth: #FFF8EC; --c-cloth-2: #F08F7C; --c-front: #E4472B;
  --c-cover: #FBDCD2; --c-cover-line: #E4472B; --c-cover-ink: #3A1B3F;
}
/* buttercup: yellow china with jade, a mint wall */
.ks-card--thank-you-tea[data-colourway="buttercup"] {
  --c-wall: #D3ECE2; --c-wall-2: #C6E5D9; --c-wall-3: #B1DACB;
  --c-pat: #EBA621; --c-pat-2: #3FA796; --c-china-2: #FBF0CF;
  --c-pot: #F5B83D; --c-pot-2: #DF9B1B; --c-knob: #3FA796;
  --c-jug-2: #F1E9D2; --c-jug-band: #F0AE2B;
  --c-cup-2: #F2EAD3; --c-cup-in: #EDE3C4; --c-cup-band: #F0AE2B; --c-name: #1B5A4C;
  --c-bowl: #3FA796; --c-bowl-2: #2E8B7B; --c-cube-2: #F2EAD3; --c-plate-2: #F6EFD8;
  --c-cloth: #FFF8EC; --c-cloth-2: #F5C24F; --c-front: #3FA796;
  --c-cover: #FBEDC4; --c-cover-line: #DF9B1B; --c-cover-ink: #3A1B3F;
}
/* resting state = the finished still: whole biscuits, no crumbs, still tea */
.ks-card--thank-you-tea .tea-bit { visibility: hidden; }
.ks-card--thank-you-tea .tea-crumb, .ks-card--thank-you-tea .tea-ripple { opacity: 0; }
/* the name on the cup: bold and dark, thickened a touch with its own colour so it reads on a phone */
.ks-card--thank-you-tea .tea-name { paint-order: stroke; stroke: var(--c-name); stroke-width: .7px; stroke-linejoin: round; }