.section--neutral { background-color: #f5efe7; }
.section--muted { background-color: #f9f3ec; }
.section--cta { background-color: #151515; color: #ffffff; }
.section--cta p { color: rgba(255, 255, 255, 0.78); }
.color-intro-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-6); align-items: stretch; }
@media (max-width: 960px) { .color-intro-grid { grid-template-columns: minmax(0, 1fr); } }
.card--image { padding: var(--space-4); display: flex; flex-direction: column; justify-content: center; }
.color-figure { display: flex; flex-direction: column; gap: var(--space-3); }
.palette-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-6); align-items: stretch; }
.palette-layout__content { display: flex; flex-direction: column; gap: var(--space-4); }
.palette-layout__media { align-self: stretch; }
@media (max-width: 960px) { .palette-layout { grid-template-columns: minmax(0, 1fr); } }
.color-bullets { font-size: var(--font-size-sm); color: var(--color-text-muted); display: grid; gap: 0.4rem; }
.palette--pastel .palette__swatch--lavender { background: #e0d4ff; }
.palette--pastel .palette__swatch--blush { background: #f8d2d8; }
.palette--pastel .palette__swatch--mint { background: #d0f1e5; }
.palette--pastel .palette__swatch--apricot { background: #ffd9b8; }
.palette--earth .palette__swatch--sand { background: #e5d2b8; }
.palette--earth .palette__swatch--beige { background: #e8dcc8; }
.palette--earth .palette__swatch--olive { background: #8b9473; }
.palette--earth .palette__swatch--chocolate { background: #5a3a28; }
.palette--mono .palette__swatch--mono-light { background: #f0edf5; }
.palette--mono .palette__swatch--mono-mid { background: #c2b7d9; }
.palette--mono .palette__swatch--mono-dark { background: #4b3c63; }
.palette--bw .palette__swatch--white { background: #ffffff; }
.palette--bw .palette__swatch--black { background: #111111; }
.palette--contrast .palette__swatch--navy { background: #1c2742; }
.palette--contrast .palette__swatch--ivory { background: #f5f0e7; }
.palette--contrast .palette__swatch--coral { background: #ff6f61; }
.palette--vibrant .palette__swatch--bright-blue { background: #007bff; }
.palette--vibrant .palette__swatch--orange { background: #ff8a3d; }
.palette--vibrant .palette__swatch--coral-strong { background: #ff5a5f; }
.palette--neutrals .palette__swatch--offwhite { background: #f7f5f0; }
.palette--neutrals .palette__swatch--light-grey { background: #d6d7db; }
.palette--neutrals .palette__swatch--taupe { background: #b2a79b; }
.palette--neutrals .palette__swatch--soft-beige { background: #e6d5c5; }
.link-inline { border-bottom: 1px solid rgba(182, 125, 87, 0.4); padding-bottom: 2px; }
.link-inline:hover { background-color: var(--color-primary-dark); color: #fff !important; border-color: transparent; }
.cta-card { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); padding: var(--space-6); border-radius: var(--radius-lg); background: linear-gradient(135deg, #2b2623, #151515); box-shadow: var(--shadow-medium); }
.cta-card__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
@media (max-width: 768px) { .cta-card { flex-direction: column; align-items: flex-start; } }