/* RG Engine Component Registry */
.rg-component{font:inherit}
.rg-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--border);border-radius:999px;font-weight:800;transition:transform var(--transition),background var(--transition),border-color var(--transition)}
.rg-button:hover{transform:translateY(-2px)}
.rg-button--primary{border-color:var(--orange);color:#17100a;background:var(--orange)}
.rg-button--secondary{border-color:var(--blue);color:white;background:var(--blue)}
.rg-button--ghost{color:var(--text);background:transparent}
.rg-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:850}
.rg-badge--success{color:#78ecad;background:#5ee29b18}
.rg-badge--warning{color:#ffd38c;background:#ffb45b18}
.rg-badge--danger{color:#ff9d9d;background:#ff6b6b18}
.rg-badge--info{color:#a9dbea;background:#289fbe18}
.rg-alert{display:grid;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}
.rg-alert--info{border-color:#289fbe55}
.rg-alert--success{border-color:#5ee29b55}
.rg-alert--warning{border-color:#ffb45b55}
.rg-alert--danger{border-color:#ff6b6b55}
.rg-card{overflow:hidden;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}
.rg-card header span{color:var(--orange);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.rg-card h3{margin:6px 0 0}
.rg-card__body{margin-top:16px;color:var(--text-muted)}
.rg-card footer{margin-top:18px}
.rg-card--featured{border-color:color-mix(in srgb,var(--orange) 45%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 10%,transparent),var(--surface))}
.rg-card--compact{padding:16px;border-radius:var(--radius-md)}
.rg-component-docs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}
.rg-component-preview{display:grid;min-height:180px;place-items:center;padding:24px;border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 75%,transparent)}
@media(max-width:800px){.rg-component-docs{grid-template-columns:1fr}}