/* Breakfast in Bed: 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--breakfast-in-bed {
  --c-crust: #A9662F; --c-toast: #F1C583; --c-toast-2: #E2A85C; --c-egg: #FBE7D0; --c-egg-s: #E9C9A6;
  --c-white: #FFFFFF; --c-yolk: #F5A623; --c-yolk-2: #FFD98A; --c-tea: #B5713E; --c-steam: #FFFFFF;
  --c-metal: #C3CBD6; --c-metal-2: #9BA6B5; --c-jam: #F08A2B; --c-jam-2: #C8650F; --c-butter: #FBE08A;
  --c-butter-2: #FFF1BE; --c-card: #FFFDF8; --c-card-s: #E6D5BD; --c-name: #3A1B3F; --c-cloth: #FFF8EC;
  --c-tray: #C98A4B; --c-tray-2: #A56A30; --c-tray-3: #DDA668; --c-tray-top: #E6B77C; --c-stem: #3FA796;
  /* marmalade (default): apricot wall, a jade headboard, vermilion china and scroll */
  --c-wall: #FAD7AE; --c-wall-2: #FCE8CC; --c-wall-3: #F4C48D;
  --c-banner: #E4472B; --c-banner-2: #BF3219; --c-banner-3: #F9C7B9; --c-banner-ink: #FFF6E9;
  --c-head: #3FA796; --c-head-2: #2E8B7B; --c-head-3: #F5B83D;
  --c-pillow: #FFF6E9; --c-pillow-2: #F7B4A7; --c-pil-a: #F5B83D; --c-pil-b: #FFF6E9;
  --c-china: #FFF6E9; --c-china-s: #E9D8BF; --c-china-2: #E4472B; --c-cup: #E4472B; --c-cup-2: #FFF6E9;
  --c-vase: #9CCDE6; --c-vase-2: #FFF6E9; --c-flower: #E4472B; --c-flower-2: #F5B83D;
  --c-lid: #3FA796; --c-lid-2: #FFF6E9; --c-napkin: #3FA796; --c-napkin-2: #8FD3C3; --c-card-line: #E4472B;
  --c-q-0: #FFF3E0; --c-q-1: #F5B83D; --c-q-2: #F7B4A7; --c-q-3: #8FCFC1; --c-q-4: #F3A04E;
  --c-q-dot: #F3A04E; --c-q-stitch: #FFFBF4;
  --c-front: #E4472B; --c-pom-a: #FFF6E9; --c-pom-b: #F5B83D;
  --c-cover: #FAD7AE; --c-cover-line: #E4472B; --c-cover-ink: #3A1B3F;
}
/* blue china: sky wall, a deep blue headboard, white china with cobalt */
.ks-card--breakfast-in-bed[data-colourway="blue-china"] {
  --c-wall: #CFE6F2; --c-wall-2: #E7F3F9; --c-wall-3: #A9D2E8;
  --c-banner: #2E5E8C; --c-banner-2: #234A70; --c-banner-3: #9CCDE6; --c-banner-ink: #FFFBF4;
  --c-head: #3A7CA5; --c-head-2: #2E5E8C; --c-head-3: #FFFBF4;
  --c-pillow: #FFFBF4; --c-pillow-2: #8DC3E0; --c-pil-a: #9CCDE6; --c-pil-b: #FFFBF4;
  --c-china: #FFFBF4; --c-china-s: #D9E6EE; --c-china-2: #2E5E8C; --c-cup: #2E5E8C; --c-cup-2: #FFFBF4;
  --c-vase: #F5B83D; --c-vase-2: #FFFBF4; --c-flower: #FFFBF4; --c-flower-2: #F5B83D;
  --c-lid: #2E5E8C; --c-lid-2: #FFFBF4; --c-napkin: #F5B83D; --c-napkin-2: #FBE08A; --c-card-line: #2E5E8C;
  --c-q-0: #FFFBF4; --c-q-1: #9CCDE6; --c-q-2: #3A7CA5; --c-q-3: #D5EAF4; --c-q-4: #F5B83D;
  --c-q-dot: #9CCDE6; --c-q-stitch: #FFFFFF;
  --c-front: #2E5E8C; --c-pom-a: #FFFBF4; --c-pom-b: #F5B83D;
  --c-cover: #CFE6F2; --c-cover-line: #2E5E8C; --c-cover-ink: #234A70;
}
/* rose quilt: blush wall, a raspberry headboard, a jade scroll */
.ks-card--breakfast-in-bed[data-colourway="rose-quilt"] {
  --c-wall: #F9CFC5; --c-wall-2: #FDE6E0; --c-wall-3: #F2B0A3;
  --c-banner: #3FA796; --c-banner-2: #2E8B7B; --c-banner-3: #BDE5DB; --c-banner-ink: #FFF6E9;
  --c-head: #B8497A; --c-head-2: #94325E; --c-head-3: #FBD3CA;
  --c-pillow: #FFF6E9; --c-pillow-2: #8FD3C3; --c-pil-a: #F7B4A7; --c-pil-b: #FFF6E9;
  --c-china: #FFF6E9; --c-china-s: #EBD6CC; --c-china-2: #B8497A; --c-cup: #B8497A; --c-cup-2: #FFF6E9;
  --c-vase: #8FD3C3; --c-vase-2: #FFF6E9; --c-flower: #F5B83D; --c-flower-2: #FFF6E9;
  --c-lid: #B8497A; --c-lid-2: #FFF6E9; --c-napkin: #3FA796; --c-napkin-2: #8FD3C3; --c-card-line: #B8497A;
  --c-q-0: #FFF3EC; --c-q-1: #F7B4A7; --c-q-2: #D97A9B; --c-q-3: #FBD9A0; --c-q-4: #EE9482;
  --c-q-dot: #D97A9B; --c-q-stitch: #FFFBF4;
  --c-front: #B8497A; --c-pom-a: #FFF6E9; --c-pom-b: #F5B83D;
  --c-cover: #F9CFC5; --c-cover-line: #B8497A; --c-cover-ink: #3A1B3F;
}
/* resting state = the finished still: the egg's top is on, and no soldier has been dunked yet */
.ks-card--breakfast-in-bed .bb-dip { opacity: 0; }
.ks-card--breakfast-in-bed .bb-wisp { opacity: .85; }
/* the name is a thin script: the same ink round each stroke keeps a long name readable on the place card */
.ks-card--breakfast-in-bed .bb-name { stroke: var(--c-name); stroke-width: .7px; stroke-linejoin: round; }
