/* Airtable single/multi select palette (light variants) */
.at-blueLight2 { --at-bg: #c4ecff; --at-border: #9ed4f5; --at-bg-active: #9ed4f5; }
.at-cyanLight2 { --at-bg: #c2f5f0; --at-border: #95e5dc; --at-bg-active: #95e5dc; }
.at-tealLight2 { --at-bg: #c7f5ea; --at-border: #93e5d0; --at-bg-active: #93e5d0; }
.at-greenLight1 { --at-bg: #b3f5c7; --at-border: #7fe5a0; --at-bg-active: #7fe5a0; }
.at-greenLight2 { --at-bg: #d1f5d3; --at-border: #a3e5a8; --at-bg-active: #a3e5a8; }
.at-yellowLight2 { --at-bg: #ffeab6; --at-border: #f5d67a; --at-bg-active: #f5d67a; }
.at-orangeLight2 { --at-bg: #ffd4b8; --at-border: #f5b080; --at-bg-active: #f5b080; }
.at-redLight2 { --at-bg: #ffc8c8; --at-border: #f59a9a; --at-bg-active: #f59a9a; }
.at-pinkLight2 { --at-bg: #ffd4eb; --at-border: #f5a3cc; --at-bg-active: #f5a3cc; }
.at-purpleLight2 { --at-bg: #e4d4ff; --at-border: #c4a8f5; --at-bg-active: #c4a8f5; }
.at-grayLight2 { --at-bg: #e8e8e8; --at-border: #c8c8c8; --at-bg-active: #c8c8c8; }

.pill-group label.at-pill,
.radio-group label.at-pill {
  background: var(--at-bg);
  border-color: var(--at-border);
  color: #1f1f1f;
}

.pill-group input:checked + label.at-pill,
.radio-group input:checked + label.at-pill {
  background: var(--at-bg-active);
  border-color: #333;
  box-shadow: 0 0 0 1px #333;
  font-weight: 600;
}

.pill-group input:focus-visible + label.at-pill,
.radio-group input:focus-visible + label.at-pill {
  outline: 2px solid #333;
  outline-offset: 2px;
}