/* Generated by script/generate_colors.py; edit design-system/colors.json. */
:root {
  --ink: #26211b;
  --ink-soft: #6d6257;
  --ink-faint: #716457;
  --paper: #f7f2e9;
  --paper-deep: #efe7d8;
  --card: #fffdf8;
  --line: #e2d8c6;
  --line-strong: #cfc2aa;
  --spruce: #1f5c4d;
  --spruce-deep: #143f34;
  --spruce-soft: #dcebe3;
  --spruce-whisper: #eef5f0;
  --brass: #856016;
  --brass-bright: #c9a227;
  --brass-soft: #f3ead2;
  --clay: #9e4030;
  --clay-soft: #f5e3de;
  --wait: #7d611c;
  --wait-soft: #f3ecd6;
  --teal: #2e7d74;
  --plum: #6d5a96;
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) {
  --ink: #ece5d6;
  --ink-soft: #b6ab99;
  --ink-faint: #aa9b88;
  --paper: #17130e;
  --paper-deep: #211c14;
  --card: #1e1912;
  --line: #37301f;
  --line-strong: #4c4229;
  --spruce: #4c9c85;
  --spruce-deep: #67b39c;
  --spruce-soft: #1c3a31;
  --spruce-whisper: #182b25;
  --brass: #c9a227;
  --brass-bright: #ddb83a;
  --brass-soft: #352b13;
  --clay: #cd6a52;
  --clay-soft: #3c221a;
  --wait: #c9a227;
  --wait-soft: #35301a;
  --teal: #4bab9f;
  --plum: #9d8ac9;
}
}
:root.theme-dark {
  --ink: #ece5d6;
  --ink-soft: #b6ab99;
  --ink-faint: #aa9b88;
  --paper: #17130e;
  --paper-deep: #211c14;
  --card: #1e1912;
  --line: #37301f;
  --line-strong: #4c4229;
  --spruce: #4c9c85;
  --spruce-deep: #67b39c;
  --spruce-soft: #1c3a31;
  --spruce-whisper: #182b25;
  --brass: #c9a227;
  --brass-bright: #ddb83a;
  --brass-soft: #352b13;
  --clay: #cd6a52;
  --clay-soft: #3c221a;
  --wait: #c9a227;
  --wait-soft: #35301a;
  --teal: #4bab9f;
  --plum: #9d8ac9;
}
body.product-relationship {
  --spruce: #2e7d74;
  --spruce-deep: #205c56;
  --spruce-soft: #dceeea;
  --spruce-whisper: #eff8f6;
  --brass: #974c3c;
  --brass-bright: #c96a52;
  --brass-soft: #f5e4de;
}
@media (prefers-color-scheme: dark) {
:root:not(.theme-light) body.product-relationship {
  --spruce: #55b8aa;
  --spruce-deep: #7bcabb;
  --spruce-soft: #183b36;
  --spruce-whisper: #142c29;
  --brass: #e99a83;
  --brass-bright: #f0ad98;
  --brass-soft: #3a241f;
}
}
:root.theme-dark body.product-relationship {
  --spruce: #55b8aa;
  --spruce-deep: #7bcabb;
  --spruce-soft: #183b36;
  --spruce-whisper: #142c29;
  --brass: #e99a83;
  --brass-bright: #f0ad98;
  --brass-soft: #3a241f;
}