@property --chip-a { syntax:"<color>"; inherits:true; initial-value:#a16aff; }
@property --chip-b { syntax:"<color>"; inherits:true; initial-value:#e575ef; }
/* Pricing service palette, shared by the calculator and hero module picker.
   Preserve module identities: teal inbox, purple cleaning, pink arrival, amber AI. */
.cc-chip:nth-child(1), #tab-properties { --chip-a: #398bff; --chip-b: #18cde4; }
.cc-chip:nth-child(2), #tab-inbox { --chip-a: #0bc5d8; --chip-b: #20d6b0; }
.cc-chip:nth-child(3), #tab-cleaning { --chip-a: #a16aff; --chip-b: #e575ef; }
.cc-chip:nth-child(4), #tab-prearrival { --chip-a: #ff65ad; --chip-b: #ff858b; }
.cc-chip:nth-child(5), #tab-agents { --chip-a: #ff9a38; --chip-b: #ffce32; }
.cc-chip:nth-child(6) { --chip-a: #26d7a2; --chip-b: #9bdf37; }
.cc-chip:nth-child(7), #tab-pricing { --chip-a: #9180ff; --chip-b: #42baff; }
@keyframes cc-chip-flow { to { background-position: 100% 50%; } }

/* Six more services joined the list; the ramp repeats, reordered so that no
   two neighbouring chips carry the same pair. */
.cc-chip:nth-child(8)  { --chip-a: #398bff; --chip-b: #18cde4; }
.cc-chip:nth-child(9)  { --chip-a: #ff65ad; --chip-b: #ff858b; }
.cc-chip:nth-child(10) { --chip-a: #26d7a2; --chip-b: #9bdf37; }
.cc-chip:nth-child(11) { --chip-a: #9180ff; --chip-b: #42baff; }
.cc-chip:nth-child(12) { --chip-a: #ff9a38; --chip-b: #ffce32; }
.cc-chip:nth-child(13) { --chip-a: #0bc5d8; --chip-b: #20d6b0; }