.palette-description.svelte-3df9e4{color:var(--typography-body-color);font-size:var(--typography-body-size);margin-bottom:var(--space-6)}.color-grid.svelte-3df9e4{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.color-card.svelte-3df9e4{display:flex;flex-direction:column;gap:var(--space-2)}.color-swatch.svelte-3df9e4{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition-base)}.color-swatch.svelte-3df9e4:hover{transform:scale(1.05)}.color-info.svelte-3df9e4{display:flex;flex-direction:column;gap:var(--space-1)}.color-token.svelte-3df9e4{color:var(--primary);font-family:var(--font-mono);font-size:var(--text-xs)}.color-label.svelte-3df9e4{color:var(--typography-caption-color);font-size:var(--text-xs)}.usage-example.svelte-3df9e4{padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-md);margin-top:var(--space-4)}.example-title.svelte-3df9e4{color:var(--typography-subheading-color);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.semantic-examples.svelte-3df9e4{display:flex;flex-direction:column;gap:var(--space-2)}.semantic-text.svelte-3df9e4{font-size:var(--text-sm);font-weight:var(--font-medium)}.dark .usage-example.svelte-3df9e4{background:var(--surface-tertiary)}.dark .color-swatch.svelte-3df9e4{border-color:var(--border-strong)}