/* Years Together: 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--anniversary-years {
  --c-shade: rgba(58,27,63,.14); --c-stick: #C9A27A; --c-glow: rgba(245,184,61,.26);
  --c-flame: #F5B83D; --c-flame-2: #FFF1B8; --c-candle: #FFF6E9; --c-card: #FFF6E9; --c-card-2: #F3E2CA; --c-plate: #FFF6E9;
  --c-brass: #F5B83D; --c-brass-2: #D99A1E; --c-plaque: #FFF6E9; --c-leaf: #3FA796;
  /* rose (default) */
  --c-ink: #3A1B3F; --c-wall: #FBDCD2; --c-wall-s: #F9D3C7; --c-wall-d: #F4BDB0; --c-wall-2: #F7B4A7; --c-string: #6B4A6E;
  --c-case: #D9486E; --c-case-s: #B43257; --c-case-hi: #EC7F9A; --c-window: #3A1B3F; --c-digit: #3A1B3F;
  --c-name: #8F1D43; --c-plaque-st: #F4B6C6; --c-candle-2: #F4B6C6;
  --c-rose-a: #E4472B; --c-rose-b: #D9486E; --c-rose-c: #F7B4A7; --c-rose-in: rgba(58,27,63,.2);
  --c-vase: #9CCDE6; --c-vase-2: #D5EAF4;
  --c-g-a: #D9486E; --c-g-b: #F5B83D; --c-g-c: #FFF6E9;
  --c-rib: #F5B83D; --c-rib-2: #DFA02A; --c-rib-3: #B37C14; --c-rib-ink: #3A1B3F; --c-rib-st: #FBDD8E;
  --c-floor: #F6E3C5; --c-floor-2: #F2D8B2; --c-front: #FFF6E9; --c-front-2: #F7B4A7; --c-front-dot: #F7B4A7;
  --c-cover: #FBDCD2; --c-cover-line: #D9486E; --c-cover-ink: #3A1B3F;
}
.ks-card--anniversary-years[data-colourway="brass-and-navy"] {
  --c-shade: rgba(12,16,40,.26);
  --c-ink: #1D2850; --c-wall: #2B3A67; --c-wall-s: #314273; --c-wall-d: #3D4F86; --c-wall-2: #3A4C84; --c-string: #C9D2EE;
  --c-case: #F5B83D; --c-case-s: #D2951A; --c-case-hi: #FBDD8E; --c-window: #1D2850; --c-digit: #1D2850;
  --c-name: #1D2850; --c-plaque-st: #F5B83D; --c-candle-2: #9CCDE6;
  --c-rose-a: #FFF6E9; --c-rose-b: #F7B4A7; --c-rose-c: #E4472B; --c-rose-in: rgba(29,40,80,.2); --c-leaf: #5FAE98;
  --c-vase: #FFF6E9; --c-vase-2: #9CCDE6;
  --c-g-a: #F5B83D; --c-g-b: #FFF6E9; --c-g-c: #F7B4A7;
  --c-rib: #FFF6E9; --c-rib-2: #E3D2B6; --c-rib-3: #B9A684; --c-rib-ink: #1D2850; --c-rib-st: #F5B83D;
  --c-floor: #EADBBE; --c-floor-2: #E0CDA9; --c-front: #F5B83D; --c-front-2: #D2951A; --c-front-dot: #2B3A67;
  --c-cover: #2B3A67; --c-cover-line: #F5B83D; --c-cover-ink: #FFF6E9;
}
.ks-card--anniversary-years[data-colourway="sage"] {
  --c-ink: #2E4136; --c-wall: #DDE9D6; --c-wall-s: #D3E2CB; --c-wall-d: #BCD3B2; --c-wall-2: #B7D0AE; --c-string: #5D7A66;
  --c-case: #6F9A7C; --c-case-s: #55795F; --c-case-hi: #9DBFA6; --c-window: #2E4136; --c-digit: #2E4136;
  --c-name: #2E4136; --c-plaque-st: #B7D0AE; --c-candle-2: #B7D0AE;
  --c-rose-a: #F7B4A7; --c-rose-b: #FFF6E9; --c-rose-c: #E98C7B; --c-rose-in: rgba(46,65,54,.18); --c-leaf: #4E8F68;
  --c-vase: #F5B83D; --c-vase-2: #FBDD8E;
  --c-g-a: #F7B4A7; --c-g-b: #FFF6E9; --c-g-c: #6F9A7C;
  --c-rib: #F7B4A7; --c-rib-2: #E98C7B; --c-rib-3: #C96A59; --c-rib-ink: #2E4136; --c-rib-st: #FBDCD2;
  --c-floor: #F6E3C5; --c-floor-2: #F1D8B3; --c-front: #FFF6E9; --c-front-2: #B7D0AE; --c-front-dot: #6F9A7C;
  --c-cover: #DDE9D6; --c-cover-line: #6F9A7C; --c-cover-ink: #2E4136;
}
/* resting state = the finished still: the real number on the cards, the name written, no flap in mid fall, no
   hearts in the air */
.ks-card--anniversary-years .yr-shade, .ks-card--anniversary-years .yr-pop { opacity: 0; }
/* the name on the plaque: bold and dark, thickened a touch with its own colour so it reads on a phone */
.ks-card--anniversary-years .yr-name { paint-order: stroke; stroke: var(--c-name); stroke-width: .7px; stroke-linejoin: round; }