.colors-page[data-astro-cid-3xwxoses]{max-width:1200px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-24)}.colors-page__header[data-astro-cid-3xwxoses]{text-align:start;margin-bottom:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-soft)}.colors-page__title[data-astro-cid-3xwxoses]{font-size:clamp(2.25rem,4vw,3.75rem);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);margin-block:var(--space-4) var(--space-6)}.colors-page__ar-lead[data-astro-cid-3xwxoses]{margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.colors-section[data-astro-cid-3xwxoses]{margin-block:var(--space-20)}.colors-grid[data-astro-cid-3xwxoses]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.colors-grid--two[data-astro-cid-3xwxoses]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.colors-grid--three[data-astro-cid-3xwxoses]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.colors-grid--four[data-astro-cid-3xwxoses]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.colors-card[data-astro-cid-3xwxoses]{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-5);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.colors-card[data-astro-cid-3xwxoses]:hover{background:var(--surface-3);border-color:var(--border-strong)}.colors-card__name[data-astro-cid-3xwxoses]{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-block:var(--space-3) var(--space-2)}.colors-card__token[data-astro-cid-3xwxoses]{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--brand-300);background:var(--brand-soft);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.colors-card__value[data-astro-cid-3xwxoses]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.colors-card__use[data-astro-cid-3xwxoses]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.colors-card__swatch[data-astro-cid-3xwxoses]{height:80px;border-radius:var(--radius-md);border:1px solid var(--border-soft)}.colors-card__border-swatch[data-astro-cid-3xwxoses]{height:80px;background:var(--surface-2);border-radius:var(--radius-md)}.border-soft[data-astro-cid-3xwxoses]{border:1px solid var(--border-soft)}.border-strong[data-astro-cid-3xwxoses]{border:2px solid var(--border-strong)}.border-brand[data-astro-cid-3xwxoses]{border:2px solid var(--border-brand)}.text-color-card[data-astro-cid-3xwxoses]{text-align:center}.colors-card__sample[data-astro-cid-3xwxoses]{font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin-block:var(--space-3) var(--space-6);text-align:center}.colors-card__glow-swatch[data-astro-cid-3xwxoses]{height:100px;border-radius:var(--radius-md);border:1px solid var(--border-soft)}.brand-scale[data-astro-cid-3xwxoses]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-6)}.brand-scale__stop[data-astro-cid-3xwxoses]{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-base) var(--ease-out)}.brand-scale__stop[data-astro-cid-3xwxoses]:hover{border-color:var(--border-strong)}.brand-scale__swatch[data-astro-cid-3xwxoses]{height:60px}.brand-scale__meta[data-astro-cid-3xwxoses]{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.brand-scale__token[data-astro-cid-3xwxoses]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--brand-300);font-weight:700}.brand-scale__hex[data-astro-cid-3xwxoses]{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-secondary)}.brand-scale__use[data-astro-cid-3xwxoses]{font-size:var(--text-2xs);color:var(--text-muted);line-height:1.4}.status-color-card[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;gap:var(--space-3)}.status-color-card__dot[data-astro-cid-3xwxoses]{width:48px;height:48px;border-radius:var(--radius-full);margin-bottom:var(--space-2)}[data-astro-cid-3xwxoses][data-status=success] .status-color-card__dot[data-astro-cid-3xwxoses]{background:var(--status-success)}[data-astro-cid-3xwxoses][data-status=warning] .status-color-card__dot[data-astro-cid-3xwxoses]{background:var(--status-warning)}[data-astro-cid-3xwxoses][data-status=danger] .status-color-card__dot[data-astro-cid-3xwxoses]{background:var(--status-danger)}[data-astro-cid-3xwxoses][data-status=info] .status-color-card__dot[data-astro-cid-3xwxoses]{background:var(--status-info)}.colors-card__forbidden[data-astro-cid-3xwxoses]{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;padding-block-start:var(--space-2);border-block-start:1px solid var(--border-soft);margin-block-start:var(--space-3)}.live-examples[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-8)}.live-examples__group-title[data-astro-cid-3xwxoses]{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-5);padding-block-end:var(--space-3);border-block-end:1px solid var(--border-soft)}.live-examples__cards[data-astro-cid-3xwxoses]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.live-card[data-astro-cid-3xwxoses]{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:var(--space-6);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.live-card--elevated[data-astro-cid-3xwxoses]{background:var(--surface-3)}.live-card[data-astro-cid-3xwxoses]:hover{background:var(--surface-3);border-color:var(--border-strong);transform:translateY(-2px)}.live-card__title[data-astro-cid-3xwxoses]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-block:var(--space-3) var(--space-2)}.live-card__desc[data-astro-cid-3xwxoses]{color:var(--text-secondary);line-height:var(--leading-relaxed)}.live-examples__buttons[data-astro-cid-3xwxoses]{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.live-examples__glows[data-astro-cid-3xwxoses]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.live-glow[data-astro-cid-3xwxoses]{padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:var(--space-2)}.live-glow[data-astro-cid-3xwxoses] strong[data-astro-cid-3xwxoses]{color:var(--text-primary)}.live-glow[data-astro-cid-3xwxoses] span[data-astro-cid-3xwxoses]{color:var(--text-secondary);font-size:var(--text-sm)}.live-examples__focus[data-astro-cid-3xwxoses]{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}@media(max-width:640px){.colors-page[data-astro-cid-3xwxoses]{padding:var(--space-12) var(--space-4) var(--space-20)}}@media(prefers-reduced-motion:reduce){.colors-card[data-astro-cid-3xwxoses],.live-card[data-astro-cid-3xwxoses],.brand-scale__stop[data-astro-cid-3xwxoses]{transition:none}}