/* With Sympathy: three muted colourways. Every colour the template uses is a --c-* variable set here, so a colourway
   is a real change of paper, never a filter. The card has no resting states of its own: the still is the markup. */
.ks-card--with-sympathy {
  --c-ink: #3A1B3F; --c-bloom: #FFFBF4; --c-bloom-eye: #EBCF8E; --c-tag: #FFFBF4; --c-tag-2: #E3D9C8; --c-thread: #8B7B86;
  /* dove (default): soft grey-blue */
  --c-wall: #DCE4EA; --c-panel: #EBF0F4; --c-floor: #E8EDF1; --c-floor-dot: #DAE2E8;
  --c-stem: #7B6C76; --c-leaf: #8FAA9C; --c-leaf-l: #B7CBC0; --c-leaf-b: #77948A; --c-leaf-b2: #9BB3A8;
  --c-bloom-2: #D0DAE1; --c-front: #C6D2DB; --c-front-2: #D5DEE5;
  --c-cover: #DCE4EA; --c-cover-line: #A9B8C4; --c-cover-ink: #3A1B3F;
}
.ks-card--with-sympathy[data-colourway="sage"] {
  --c-wall: #DFE8DD; --c-panel: #EDF2EA; --c-floor: #EAEFE5; --c-floor-dot: #DCE4D6;
  --c-stem: #7A6B62; --c-leaf: #86A68F; --c-leaf-l: #B4CCB9; --c-leaf-b: #6E8E77; --c-leaf-b2: #93AE9A;
  --c-bloom-2: #D1DCCE; --c-front: #C3D2C1; --c-front-2: #D2DED0;
  --c-cover: #DFE8DD; --c-cover-line: #A9BBA8;
}
.ks-card--with-sympathy[data-colourway="stone"] {
  --c-wall: #EBE2D5; --c-panel: #F5EEE3; --c-floor: #F0E8DB; --c-floor-dot: #E4D9C8;
  --c-stem: #7C6A5C; --c-leaf: #9BA88C; --c-leaf-l: #C3CCB3; --c-leaf-b: #838F74; --c-leaf-b2: #A6B195;
  --c-bloom-2: #E0D5C2; --c-tag-2: #E0D4BF; --c-front: #D8CAB6; --c-front-2: #E3D7C6;
  --c-cover: #EBE2D5; --c-cover-line: #C2B39C;
}