/* Forma UI Foundation v1 — canonical, opt-in components. */
.forma-button{display:inline-flex;min-height:var(--forma-control-height);align-items:center;justify-content:center;gap:var(--forma-space-3);padding:0 var(--forma-space-7);border:1px solid var(--forma-border);border-radius:var(--forma-radius-md);background:transparent;color:var(--forma-text);font-size:var(--forma-font-md);font-weight:var(--forma-weight-bold);line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--forma-transition-fast),border-color var(--forma-transition-fast),color var(--forma-transition-fast),transform var(--forma-transition-fast)}
.forma-button:hover{border-color:var(--forma-accent);color:var(--forma-accent)}
.forma-button:active{transform:translateY(1px)}
.forma-button--primary{border-color:var(--forma-accent);background:var(--forma-accent);color:var(--forma-accent-text)}
.forma-button--primary:hover{border-color:var(--forma-accent-hover);background:var(--forma-accent-hover);color:var(--forma-accent-text)}
.forma-button--quiet{background:var(--forma-panel)}
.forma-button--compact{min-height:var(--forma-control-height-compact);padding-inline:var(--forma-space-5);font-size:var(--forma-font-sm)}

.forma-card{border:1px solid var(--forma-border);border-radius:var(--forma-radius-sm);background:var(--forma-panel);color:var(--forma-text)}
.forma-card--interactive{transition:border-color var(--forma-transition),background-color var(--forma-transition),transform var(--forma-transition)}
.forma-card--interactive:hover{border-color:color-mix(in srgb,var(--forma-accent) 68%,var(--forma-border));background:color-mix(in srgb,var(--forma-panel) 94%,var(--forma-accent))}

.forma-badge,.forma-chip{display:inline-flex;min-height:24px;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--forma-border);border-radius:var(--forma-radius-pill);color:var(--forma-text-2);font-size:var(--forma-font-xs);font-weight:var(--forma-weight-semibold);line-height:1}
.forma-badge--accent{border-color:color-mix(in srgb,var(--forma-accent) 54%,var(--forma-border));background:var(--forma-accent-soft);color:var(--forma-accent)}

.forma-tabs{display:flex;flex-wrap:wrap;gap:var(--forma-space-2);border-bottom:1px solid var(--forma-border)}
.forma-tab{display:inline-flex;min-height:36px;align-items:center;padding:0 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--forma-muted);font:inherit;font-size:var(--forma-font-sm);font-weight:var(--forma-weight-bold);cursor:pointer}
.forma-tab:is(.is-active,[aria-selected="true"]){border-bottom-color:var(--forma-accent);color:var(--forma-text)}

.forma-empty-state{padding:30px;border:1px solid color-mix(in srgb,var(--forma-accent) 42%,var(--forma-border));background:linear-gradient(135deg,var(--forma-accent-soft),var(--forma-panel) 50%);color:var(--forma-text)}
.forma-empty-state p{color:var(--forma-text-2);line-height:var(--forma-line-body)}


/* ECM 1.78.72 — shared card content roles. Geometry stays feature-owned. */
.forma-card-title{margin:0;color:var(--forma-text);font-size:var(--forma-card-title-size);font-weight:var(--forma-card-title-weight);line-height:var(--forma-card-title-line)}
.forma-card-title--compact{font-size:var(--forma-card-title-compact-size)}
.forma-card-title--featured{font-size:var(--forma-card-title-featured-size)}
.forma-card-meta{color:var(--forma-muted);font-size:var(--forma-meta-size);line-height:var(--forma-meta-line)}
.forma-card-copy{color:var(--forma-text-2);font-size:var(--forma-card-copy-size);line-height:var(--forma-card-copy-line)}
.forma-card-media{overflow:hidden;background:var(--forma-card-media-bg)}
.forma-card-media img{display:block;width:100%;height:100%;object-fit:cover}