.page-desc[data-astro-cid-5lag6bd6] code[data-astro-cid-5lag6bd6]{font-size:var(--text-sm);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:1px 6px}.docs-text--footnote[data-astro-cid-5lag6bd6]{font-size:var(--text-sm);margin-top:var(--space-md);margin-bottom:0}.subsection-heading[data-astro-cid-5lag6bd6]{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-lg);margin-bottom:var(--space-md);font-weight:600}.tokens-grid[data-astro-cid-5lag6bd6]{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.token-swatch[data-astro-cid-5lag6bd6]{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-base);flex-direction:column;display:flex}.token-swatch[data-astro-cid-5lag6bd6]:hover{border-color:var(--border-bright);box-shadow:0 0 8px color-mix(in srgb, var(--swatch) 15%, transparent)}.token-swatch[data-astro-cid-5lag6bd6]:before{content:"";border-radius:var(--radius-sm);background:var(--swatch);border:1px solid var(--border-subtle);width:100%;height:40px;display:block}.token-swatch--accent[data-astro-cid-5lag6bd6]:before{box-shadow:0 0 16px color-mix(in srgb, var(--swatch) 30%, transparent)}.token-swatch__var[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);word-break:break-all}.token-swatch__color[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.token-swatch__name[data-astro-cid-5lag6bd6]{font-family:var(--font-accent);font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--text-ghost)}.spacing-grid[data-astro-cid-5lag6bd6]{gap:var(--space-sm);flex-direction:column;display:flex}.spacing-item[data-astro-cid-5lag6bd6]{align-items:center;gap:var(--space-md);display:flex}.spacing-bar[data-astro-cid-5lag6bd6]{border-radius:var(--radius-sm);background:var(--gradient-accent-text);min-width:4px;height:8px;filter:drop-shadow(0 0 4px rgba(var(--accent-primary-rgb), .3))}.spacing-label[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);min-width:120px}.spacing-value[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-ghost)}.type-samples[data-astro-cid-5lag6bd6]{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.type-row[data-astro-cid-5lag6bd6]{gap:var(--space-xs);flex-direction:column;display:flex}.type-label[data-astro-cid-5lag6bd6]{font-family:var(--font-accent);font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--text-ghost)}.type-sample[data-astro-cid-5lag6bd6]{color:var(--text-primary)}.type-sample--body[data-astro-cid-5lag6bd6]{font-family:var(--font-body);font-size:var(--body-size)}.type-sample--label[data-astro-cid-5lag6bd6]{font-family:var(--font-label);font-size:var(--ui-accent-size);letter-spacing:var(--ui-accent-spacing);text-transform:uppercase}.type-sample--mono[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--code-size)}.token-table-wrap[data-astro-cid-5lag6bd6]{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.token-table[data-astro-cid-5lag6bd6]{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.token-table[data-astro-cid-5lag6bd6] th[data-astro-cid-5lag6bd6]{text-align:left;font-family:var(--font-accent);font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--text-ghost);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);font-weight:600}.token-table[data-astro-cid-5lag6bd6] td[data-astro-cid-5lag6bd6]{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.token-table[data-astro-cid-5lag6bd6] code[data-astro-cid-5lag6bd6]{font-size:var(--text-xs);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:1px 6px}.shadow-samples[data-astro-cid-5lag6bd6]{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.shadow-card[data-astro-cid-5lag6bd6]{justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);height:100px;transition:transform var(--transition-base);flex-direction:column;display:flex}.shadow-card[data-astro-cid-5lag6bd6]:hover{transform:translateY(-2px)}.shadow-label[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary)}.shadow-value[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-ghost)}.opacity-samples[data-astro-cid-5lag6bd6]{gap:var(--space-lg);flex-wrap:wrap;display:flex}.opacity-item[data-astro-cid-5lag6bd6]{gap:var(--space-xs);flex-direction:column;display:flex}.opacity-card[data-astro-cid-5lag6bd6]{background:var(--accent-primary);border-radius:var(--radius-md);width:120px;height:60px}.opacity-label[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.opacity-label[data-astro-cid-5lag6bd6] code[data-astro-cid-5lag6bd6]{font-size:var(--text-xs);color:var(--text-secondary)}.glow-samples[data-astro-cid-5lag6bd6]{gap:var(--space-lg);flex-wrap:wrap;display:flex}.glow-card[data-astro-cid-5lag6bd6]{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);width:160px;height:80px;transition:box-shadow var(--transition-base), transform var(--transition-base);justify-content:center;align-items:center;display:flex}.glow-card[data-astro-cid-5lag6bd6]:hover{transform:translateY(-2px)}.glow-label[data-astro-cid-5lag6bd6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.glow-line-samples[data-astro-cid-5lag6bd6]{gap:var(--space-md);flex-direction:column;display:flex}.glow-line-item[data-astro-cid-5lag6bd6]{gap:var(--space-xs);flex-direction:column;display:flex}.glow-line-bar[data-astro-cid-5lag6bd6]{border-radius:2px;width:100%;height:3px}.glow-line-item[data-astro-cid-5lag6bd6] code[data-astro-cid-5lag6bd6]{font-size:var(--text-xs);color:var(--text-muted)}.gradient-samples[data-astro-cid-5lag6bd6]{gap:var(--space-md);flex-direction:column;display:flex}.gradient-bar[data-astro-cid-5lag6bd6]{gap:var(--space-xs);flex-direction:column;display:flex}.gradient-bar__preview[data-astro-cid-5lag6bd6]{border-radius:var(--radius-sm);border:1px solid #ffffff0a;width:100%;height:12px}.gradient-bar__info[data-astro-cid-5lag6bd6]{align-items:center;gap:var(--space-md);display:flex}.gradient-bar__info[data-astro-cid-5lag6bd6] code[data-astro-cid-5lag6bd6]{font-size:var(--text-xs);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:1px 6px}.gradient-bar__desc[data-astro-cid-5lag6bd6]{font-size:var(--text-xs);color:var(--text-ghost)}.focus-samples[data-astro-cid-5lag6bd6]{gap:var(--space-lg);flex-wrap:wrap;display:flex}.focus-demo[data-astro-cid-5lag6bd6]{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;width:180px;height:100px;transition:box-shadow var(--transition-base), border-color var(--transition-fast);color:inherit;outline:none;flex-direction:column;font-family:inherit;display:flex}.focus-demo[data-astro-cid-5lag6bd6] code[data-astro-cid-5lag6bd6]{font-size:var(--text-xs);color:var(--text-secondary)}.focus-demo__hint[data-astro-cid-5lag6bd6]{font-size:var(--text-xs);color:var(--text-ghost)}.focus-demo--ring[data-astro-cid-5lag6bd6]:focus-visible{box-shadow:var(--focus-ring);border-color:var(--accent-primary)}.focus-demo--glow[data-astro-cid-5lag6bd6]:focus-visible{box-shadow:var(--focus-glow);border-color:var(--accent-primary)}section[data-astro-cid-5lag6bd6]{flex-direction:column;display:flex}@media (width<=768px){.tokens-grid[data-astro-cid-5lag6bd6]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.spacing-label[data-astro-cid-5lag6bd6]{min-width:80px;font-size:var(--text-xs)}.glow-card[data-astro-cid-5lag6bd6]{width:120px;height:60px}.shadow-samples[data-astro-cid-5lag6bd6]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}