.card{background-color:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--color-elevation-raised);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);color:var(--color-text-primary);transition:box-shadow var(--transition-medium),border-color var(--transition-fast)}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--color-elevation-overlay)}.card--interactive:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--color-elevation-overlay),var(--focus-ring)}.card--minimal{background-color:var(--color-bg-surface-alt);border-color:var(--color-transparent);box-shadow:none}.card--surface{background-color:var(--color-bg-surface-alt)}.card--bordered{border-color:var(--color-border-strong)}.card--elevated{box-shadow:var(--color-elevation-overlay)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.card__subtitle{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.card__content{display:flex;flex-direction:column;gap:var(--space-3)}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.card--accent{border-color:var(--color-accent-border);box-shadow:var(--color-elevation-overlay)}.card--accent .card__title{color:var(--color-accent)}.card--danger{border-color:var(--color-danger);background-color:var(--color-danger-soft)}.card--success{border-color:var(--color-success);background-color:var(--color-success-soft)}.generated-card{padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);border:var(--border);border-radius:var(--radius-lg);background-color:var(--color-bg-surface);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.generated-card:hover{border-color:var(--color-control-border-hover);background-color:var(--color-control-bg-hover)}