/* The Big Number: colourways. Every colour the template uses is a --c-* variable set here, so a colourway is a real
   change of paper. The resting state is the finished card (the name wipe has no width), so there is nothing to hide. */
.ks-card--birthday-milestone {
  --c-fold: rgba(58, 27, 63, .17); --c-wire: #C9A27A; --c-stitch: #FFF6E9; --c-flag-cut: #FFF6E9;
  --c-plinth: #FFF6E9; --c-plinth-2: #EAD7BE; --c-plinth-top: #FFFDF8; --c-crown: #E4472B;
  /* gold (default): marigold numerals on a vermilion backing, a plum wall */
  --c-wall: #47234D; --c-wall-2: #56305D; --c-wall-3: #7A4F81; --c-floor: #F6E3C5; --c-floor-2: #EECF9F;
  --c-string: #C9A27A;
  --c-num: #F5B83D; --c-num-in: #FBD264; --c-num-rim: #FFE9A6; --c-num-back: #E4472B; --c-num-back-s: #B92F18;
  --c-flag-a: #F5B83D; --c-flag-b: #3FA796; --c-flag-c: #F7B4A7; --c-flag-d: #E4472B;
  --c-star-a: #F5B83D; --c-star-b: #F7B4A7; --c-star-c: #9CCDE6; --c-star-d: #3FA796;
  --c-plinth-stripe: #F5B83D; --c-plinth-trim: #F7B4A7;
  --c-banner: #3FA796; --c-banner-2: #348E80; --c-banner-3: #256A60; --c-banner-edge: #A8DDD3; --c-name: #FFF6E9;
  --c-pop-a: #E4472B; --c-pop-b: #FFF6E9; --c-pop-in: #2A1230;
  --c-edge: #F5B83D; --c-edge-2: #E4472B;
  --c-cover: #47234D; --c-cover-2: #6D4374; --c-cover-3: #54305B; --c-cover-line: #F5B83D; --c-cover-ink: #FFF6E9; --c-cover-back: #E4472B;
}
/* vermilion: red numerals on cream, a sky blue wall */
.ks-card--birthday-milestone[data-colourway="vermilion"] {
  --c-wall: #D5EAF4; --c-wall-2: #BCDDEE; --c-wall-3: #9CCDE6; --c-floor: #FCF1DF; --c-floor-2: #F3DDB4;
  --c-string: #6B4A6E; --c-wire: #B58E66;
  --c-num: #E4472B; --c-num-in: #F06B4E; --c-num-rim: #FFA48F; --c-num-back: #FFF6E9; --c-num-back-s: #E3CDAB;
  --c-flag-a: #E4472B; --c-flag-b: #F5B83D; --c-flag-c: #3A7CA5; --c-flag-d: #3FA796;
  --c-star-a: #F5B83D; --c-star-b: #E4472B; --c-star-c: #3FA796; --c-star-d: #3A7CA5;
  --c-plinth-stripe: #9CCDE6; --c-plinth-trim: #F5B83D;
  --c-banner: #F5B83D; --c-banner-2: #E0A024; --c-banner-3: #B67C12; --c-banner-edge: #FFE9A6; --c-name: #3A1B3F;
  --c-pop-a: #3A7CA5; --c-pop-b: #FFF6E9;
  --c-edge: #E4472B; --c-edge-2: #F5B83D;
  --c-cover: #D5EAF4; --c-cover-2: #A9D3E9; --c-cover-3: #C3E0F0; --c-cover-line: #E4472B; --c-cover-ink: #3A1B3F; --c-cover-back: #FFF6E9;
}
/* jade: green numerals on aubergine, a blush wall */
.ks-card--birthday-milestone[data-colourway="jade"] {
  --c-wall: #FBDCD2; --c-wall-2: #F8C9BD; --c-wall-3: #F7B4A7; --c-floor: #F6E3C5; --c-floor-2: #EFCFA6;
  --c-string: #6B4A6E; --c-wire: #B58E66;
  --c-num: #3FA796; --c-num-in: #62BBAB; --c-num-rim: #B4E3DA; --c-num-back: #3A1B3F; --c-num-back-s: #230E27;
  --c-flag-a: #3FA796; --c-flag-b: #E4472B; --c-flag-c: #F5B83D; --c-flag-d: #6B4A6E;
  --c-star-a: #F5B83D; --c-star-b: #3FA796; --c-star-c: #E4472B; --c-star-d: #FFF6E9;
  --c-plinth-stripe: #3FA796; --c-plinth-trim: #F5B83D;
  --c-banner: #E4472B; --c-banner-2: #C63A21; --c-banner-3: #932612; --c-banner-edge: #F9A794; --c-name: #FFF6E9;
  --c-pop-a: #F5B83D; --c-pop-b: #3A1B3F;
  --c-edge: #3FA796; --c-edge-2: #F5B83D;
  --c-cover: #FBDCD2; --c-cover-2: #F7B4A7; --c-cover-3: #F9CDC1; --c-cover-line: #3FA796; --c-cover-ink: #3A1B3F; --c-cover-back: #3A1B3F;
}
