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