.ds-foundations-color{gap:var(--space-section-gap);flex-direction:column;display:flex}.ds-foundations-color__header{gap:var(--space-inline-gap);padding-bottom:var(--space-component-gap);border-bottom:1px solid var(--color-border-default);flex-direction:column;display:flex}.ds-foundations-color__eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary)}.ds-foundations-color__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-heading);color:var(--color-text-primary);margin:0}.ds-foundations-color__lead{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:60ch}.ds-foundations-color__axis-key{gap:var(--space-element-gap);flex-wrap:wrap;display:flex}.ds-axis-key__item{align-items:center;gap:var(--space-tight-gap);font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);display:flex}.ds-axis-key__cell{border:1px solid var(--color-border-default);border-radius:3px;width:16px;height:16px;display:inline-block}.ds-axis-key__cell--ld{background:var(--color-warm-50)}.ds-axis-key__cell--lb{background:var(--color-teal-500)}.ds-axis-key__cell--dd{background:var(--color-warm-800)}.ds-axis-key__cell--db{background:var(--color-teal-500)}.ds-color-group{gap:var(--space-component-gap);flex-direction:column;display:flex}.ds-color-group__header{gap:var(--space-tight-gap);flex-direction:column;display:flex}.ds-color-group__title{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-heading);color:var(--color-text-primary);margin:0}.ds-color-group__desc{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary);max-width:60ch}.ds-color-group__swatches{gap:var(--space-element-gap);flex-wrap:wrap;display:flex}.ds-color-group__swatches--strip{gap:var(--space-tight-gap);flex-wrap:nowrap;overflow-x:auto}.ds-color-swatch{gap:var(--space-tight-gap);flex-direction:column;min-width:0;display:flex}.ds-color-swatch__preview{border-radius:var(--border-radius-card);border:1px solid var(--color-border-default);flex-shrink:0;width:80px;height:80px;display:block}.ds-color-group__swatches--strip .ds-color-swatch__preview{border-radius:var(--border-radius-interactive);width:48px;height:64px}.ds-color-swatch--axis .ds-color-swatch__grid{border-radius:var(--border-radius-card);border:1px solid var(--color-border-default);flex-shrink:0;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;width:80px;display:grid;overflow:hidden}.ds-color-swatch__cell{height:40px}.ds-color-swatch__axis-label{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);background:var(--color-surface-secondary);text-align:center;padding:2px 4px}.ds-color-swatch__name{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.ds-color-swatch__value{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);opacity:.6}@media (max-width:600px){.ds-color-swatch__preview{width:64px;height:64px}.ds-color-swatch--axis .ds-color-swatch__grid{width:64px}.ds-color-swatch__cell{height:32px}}@media (prefers-reduced-motion:reduce){.ds-color-swatch__preview,.ds-color-swatch__cell{transition:none}}