.color-hero[data-astro-cid-7mvitmup]{min-height:220px;display:flex;align-items:center;justify-content:center}.color-hero__inner[data-astro-cid-7mvitmup]{text-align:center;padding:var(--space-8) var(--content-padding)}.breadcrumb[data-astro-cid-7mvitmup]{font-size:var(--text-sm);margin-bottom:var(--space-4);display:flex;gap:var(--space-2);justify-content:center}.breadcrumb[data-astro-cid-7mvitmup] a[data-astro-cid-7mvitmup]{color:#ffffffb3;text-decoration:none}.breadcrumb[data-astro-cid-7mvitmup] a[data-astro-cid-7mvitmup]:hover{color:#fff}.breadcrumb__sep[data-astro-cid-7mvitmup]{color:#fff6}.breadcrumb[data-astro-cid-7mvitmup] span[data-astro-cid-7mvitmup]:last-child{color:#fff}.color-hero__title[data-astro-cid-7mvitmup]{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:#fff;margin-bottom:var(--space-2)}.color-hero__title[data-astro-cid-7mvitmup].dark{color:var(--text-primary)}.color-hero__hex[data-astro-cid-7mvitmup]{font-size:var(--text-xl);color:#fffc;font-family:var(--font-heading);margin-bottom:var(--space-3)}.color-hero__hex[data-astro-cid-7mvitmup].dark{color:var(--text-secondary)}.color-hero__source[data-astro-cid-7mvitmup]{display:inline-block;font-size:var(--text-sm);color:#ffffffb3;text-decoration:underline}.color-hero__source[data-astro-cid-7mvitmup].dark{color:var(--text-muted)}.color-content[data-astro-cid-7mvitmup]{max-width:800px;margin-inline:auto;padding-inline:var(--content-padding)}.values-grid[data-astro-cid-7mvitmup]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.value-card[data-astro-cid-7mvitmup]{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center}.value-card__label[data-astro-cid-7mvitmup]{display:block;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:var(--space-1)}.value-card__value[data-astro-cid-7mvitmup]{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.section-subtitle[data-astro-cid-7mvitmup]{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4);margin-top:var(--space-6)}.tint-strip[data-astro-cid-7mvitmup]{display:flex;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-6)}.tint-step[data-astro-cid-7mvitmup]{flex:1;height:40px}.tint-step--active[data-astro-cid-7mvitmup]{height:56px}.code-blocks[data-astro-cid-7mvitmup]{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.code-block[data-astro-cid-7mvitmup]{background:var(--bg-dark);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}.code-block__label[data-astro-cid-7mvitmup]{font-size:var(--text-sm);color:var(--text-muted)}.code-block__code[data-astro-cid-7mvitmup]{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-sm);color:var(--text-primary)}.similar-grid[data-astro-cid-7mvitmup]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.similar-card[data-astro-cid-7mvitmup]{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:all var(--transition-fast)}.similar-card[data-astro-cid-7mvitmup]:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.similar-card__swatch[data-astro-cid-7mvitmup]{height:60px}.similar-card__label[data-astro-cid-7mvitmup]{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.tools-links[data-astro-cid-7mvitmup]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tools-links[data-astro-cid-7mvitmup] a[data-astro-cid-7mvitmup]{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast)}.tools-links[data-astro-cid-7mvitmup] a[data-astro-cid-7mvitmup]:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.color-hero__title[data-astro-cid-7mvitmup]{font-size:var(--text-3xl)}.values-grid[data-astro-cid-7mvitmup],.similar-grid[data-astro-cid-7mvitmup]{grid-template-columns:repeat(2,1fr)}}