/* Generated from service-palette.mjs by build-site.mjs. */
:root {
  --cf-service-build: #67DDFF;
  --cf-service-build-ink: #006F99;
  --cf-service-improve: #A7ABFF;
  --cf-service-improve-ink: #535B9C;
  --cf-service-connect: #54DCC8;
  --cf-service-connect-ink: #146D66;
  --cf-service-website: #C5E77A;
  --cf-service-website-ink: #526B1D;
  --cf-service-visibility: #FFAB99;
  --cf-service-visibility-ink: #934838;
  --cf-service-brand: #DCA3EF;
  --cf-service-brand-ink: #82508F;
  --cf-service-reliability: #F1C27D;
  --cf-service-reliability-ink: #805D23;
  --cf-service-software: #8AB8FF;
  --cf-service-software-ink: #355D98;
  --service-accent: var(--cf-service-build);
  --service-ink: var(--cf-service-build-ink);
}
[data-service="build"] { --service-accent: var(--cf-service-build); --service-ink: var(--cf-service-build-ink); }
[data-service="improve"] { --service-accent: var(--cf-service-improve); --service-ink: var(--cf-service-improve-ink); }
[data-service="connect"] { --service-accent: var(--cf-service-connect); --service-ink: var(--cf-service-connect-ink); }
[data-service="website"] { --service-accent: var(--cf-service-website); --service-ink: var(--cf-service-website-ink); }
[data-service="visibility"] { --service-accent: var(--cf-service-visibility); --service-ink: var(--cf-service-visibility-ink); }
[data-service="brand"] { --service-accent: var(--cf-service-brand); --service-ink: var(--cf-service-brand-ink); }
[data-service="reliability"] { --service-accent: var(--cf-service-reliability); --service-ink: var(--cf-service-reliability-ink); }
[data-service="software"] { --service-accent: var(--cf-service-software); --service-ink: var(--cf-service-software-ink); }
:root, [data-service] {
  --service-line: color-mix(in srgb, var(--service-accent) 38%, var(--cf-line));
  --service-wash: color-mix(in srgb, var(--service-accent) 8%, var(--cf-surface));
  --service-soft: color-mix(in srgb, var(--service-accent) 17%, var(--cf-night));
}