.color-swatch[data-astro-cid-n3yxb5wa]{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background-color:var(--bg-card);transition:all var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.color-swatch[data-astro-cid-n3yxb5wa]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.color-swatch__preview[data-astro-cid-n3yxb5wa]{aspect-ratio:16/9;padding:var(--space-3);justify-content:flex-end;align-items:flex-end;min-height:100px;display:flex}.color-swatch__values[data-astro-cid-n3yxb5wa]{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.color-swatch__hex[data-astro-cid-n3yxb5wa]{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);backdrop-filter:blur(4px)}.color-swatch__hex--dark[data-astro-cid-n3yxb5wa]{color:#f4f4f5;background-color:#09090b;border:1px solid #ffffff1a}.color-swatch__hex--light[data-astro-cid-n3yxb5wa]{color:#0f172a;background-color:#fff;border:1px solid #0000001a}.color-swatch__info[data-astro-cid-n3yxb5wa]{padding:var(--space-4)}.color-swatch__name[data-astro-cid-n3yxb5wa]{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.color-swatch__variable[data-astro-cid-n3yxb5wa]{font-size:var(--text-xs);color:var(--accent-primary);background-color:var(--accent-primary-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:none;display:inline-block}.color-swatch__description[data-astro-cid-n3yxb5wa]{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-2) 0 0;line-height:var(--leading-relaxed)}.colors-page[data-astro-cid-xfxj4qwh]{max-width:var(--wide-width)}.page-header[data-astro-cid-xfxj4qwh]{margin-bottom:var(--space-12)}.page-header__label[data-astro-cid-xfxj4qwh]{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--accent-primary);background-color:var(--accent-primary-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);display:inline-block}.page-header[data-astro-cid-xfxj4qwh] h1[data-astro-cid-xfxj4qwh]{margin-top:0}.color-section[data-astro-cid-xfxj4qwh]{margin-bottom:var(--space-16)}.section-header[data-astro-cid-xfxj4qwh]{margin-bottom:var(--space-2)}.section-label[data-astro-cid-xfxj4qwh]{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--accent-primary);margin-bottom:var(--space-2);display:block}.section-header[data-astro-cid-xfxj4qwh] h2[data-astro-cid-xfxj4qwh]{margin:0}.color-section[data-astro-cid-xfxj4qwh]>p[data-astro-cid-xfxj4qwh]{color:var(--text-secondary);margin-bottom:var(--space-6)}.color-grid[data-astro-cid-xfxj4qwh]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.color-grid--borders[data-astro-cid-xfxj4qwh]{grid-template-columns:repeat(3,1fr)}@media (width<=640px){.color-grid--borders[data-astro-cid-xfxj4qwh]{grid-template-columns:1fr}}.border-swatch[data-astro-cid-xfxj4qwh]{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);transition:all var(--transition-smooth);overflow:hidden}.border-swatch[data-astro-cid-xfxj4qwh]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.border-swatch__preview[data-astro-cid-xfxj4qwh]{background-color:var(--bg-secondary);justify-content:center;align-items:center;height:80px;display:flex}.border-swatch__preview[data-astro-cid-xfxj4qwh]:after{content:"";width:80%;height:2px}.border-swatch__preview--subtle[data-astro-cid-xfxj4qwh]:after{background-color:var(--border-subtle)}.border-swatch__preview--medium[data-astro-cid-xfxj4qwh]:after{background-color:var(--border-medium)}.border-swatch__preview--strong[data-astro-cid-xfxj4qwh]:after{background-color:var(--border-strong)}.border-swatch__info[data-astro-cid-xfxj4qwh]{padding:var(--space-4)}.border-swatch__info[data-astro-cid-xfxj4qwh] h4[data-astro-cid-xfxj4qwh]{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);color:var(--text-primary)}.border-swatch__info[data-astro-cid-xfxj4qwh] code[data-astro-cid-xfxj4qwh]{font-size:var(--text-xs);margin-bottom:var(--space-2);background-color:var(--accent-primary-muted);color:var(--accent-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:none;display:inline-block}.border-swatch__values[data-astro-cid-xfxj4qwh]{gap:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);grid-template-columns:auto 1fr;display:grid}.dark-label[data-astro-cid-xfxj4qwh],.light-label[data-astro-cid-xfxj4qwh]{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.dark-label[data-astro-cid-xfxj4qwh]{color:var(--text-secondary)}.light-label[data-astro-cid-xfxj4qwh]{color:var(--text-tertiary)}.theme-comparison[data-astro-cid-xfxj4qwh]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.theme-card[data-astro-cid-xfxj4qwh]{padding:var(--space-6);border-radius:var(--radius-xl);transition:all var(--transition-smooth)}.theme-card[data-astro-cid-xfxj4qwh]:hover{transform:translateY(-2px)}.theme-card--dark[data-astro-cid-xfxj4qwh]{color:#f4f4f5;background-color:#09090b;border:1px solid #ffffff17}.theme-card--dark[data-astro-cid-xfxj4qwh]:hover{box-shadow:0 8px 32px #00000080}.theme-card--light[data-astro-cid-xfxj4qwh]{color:#0f172a;background-color:#fff;border:1px solid #00000017}.theme-card--light[data-astro-cid-xfxj4qwh]:hover{box-shadow:0 8px 32px #0000001a}.theme-card__header[data-astro-cid-xfxj4qwh]{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.theme-card__header[data-astro-cid-xfxj4qwh] svg[data-astro-cid-xfxj4qwh]{opacity:.7}.theme-card[data-astro-cid-xfxj4qwh] h4[data-astro-cid-xfxj4qwh]{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin:0}.theme-card__colors[data-astro-cid-xfxj4qwh]{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.theme-card__colors[data-astro-cid-xfxj4qwh] span[data-astro-cid-xfxj4qwh]{border-radius:var(--radius-md);width:36px;height:36px;transition:transform var(--transition-fast);border:1px solid #80808033}.theme-card__colors[data-astro-cid-xfxj4qwh] span[data-astro-cid-xfxj4qwh]:hover{transform:scale(1.1)}.theme-card[data-astro-cid-xfxj4qwh] p[data-astro-cid-xfxj4qwh]{font-size:var(--text-sm);opacity:.7;text-align:center;margin:0}