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