.colors-page.svelte-f1j3j9{max-width:1120px;margin:0 auto;padding:var(--space-8) var(--space-4)}.page-header.svelte-f1j3j9{text-align:center;margin-bottom:var(--space-8)}h1.svelte-f1j3j9{font-family:var(--font-serif);font-size:3.5rem;font-weight:700;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.page-subtitle.svelte-f1j3j9{font-size:var(--font-size-lg);color:var(--support-600)}.section.svelte-f1j3j9{margin-bottom:var(--space-12)}.section-heading.svelte-f1j3j9{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600);margin-bottom:var(--space-2)}.section-desc.svelte-f1j3j9{font-size:var(--font-size-sm);color:var(--support-600);margin-bottom:var(--space-4)}.color-grid.svelte-f1j3j9{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.color-card.svelte-f1j3j9{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-3);text-decoration:none;border:var(--border-subtle);transition:border-color var(--duration-fast) var(--ease-enter)}.color-card.svelte-f1j3j9:hover{border-color:var(--ink-900)}.card-label.svelte-f1j3j9{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;color:#fff;text-align:center}.card-hex.svelte-f1j3j9{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:#fff;opacity:.7;text-transform:uppercase}.card-label.light.svelte-f1j3j9,.card-hex.light.svelte-f1j3j9{color:var(--ink-1000)}.hex-grid.svelte-f1j3j9{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-1)}.hex-card.svelte-f1j3j9{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-2);text-decoration:none;border:var(--border-subtle);transition:border-color var(--duration-fast) var(--ease-enter)}.hex-card.svelte-f1j3j9:hover{border-color:var(--ink-900)}.hex-value.svelte-f1j3j9{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.04em}.hex-role.svelte-f1j3j9{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:#fff;opacity:.6;text-transform:uppercase}.hex-value.light.svelte-f1j3j9,.hex-role.light.svelte-f1j3j9{color:var(--ink-1000)}@media(max-width:480px){h1.svelte-f1j3j9{font-size:2.5rem}.color-grid.svelte-f1j3j9{grid-template-columns:repeat(3,1fr)}.hex-grid.svelte-f1j3j9{grid-template-columns:repeat(4,1fr)}}